Style updates

src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx

@@ -15,7 +15,7 @@ import { useDebouncedValue, useDisclosure } from '@mantine/hooks';
 import { useCommonHooks, useMutationAPI } from 'hooks';
 import { useEffect, useState } from 'react';
 import { FiPlus, FiTrash } from 'react-icons/fi';
-import { buttonClasses, cardClasses, textInputClasses } from 'styles';
+import { buttonClasses, cardClasses, popoverClasses, textInputClasses } from 'styles';
 import type { Bookmark, BookmarkGroup } from 'types';
 import DeleteItemModal from '../Shared/DeleteItemModal';
 import BookmarkSettingsItem from './BookmarkSettingsItem';
@@ -231,7 +231,12 @@ function DebouncedGroupSettingsItem({
 													{...provided.draggableProps}
 													{...provided.dragHandleProps}
 												>
-													<Popover withArrow withOverlay closeOnClickOutside={!isOpen}>
+													<Popover
+														withArrow
+														withOverlay
+														closeOnClickOutside={!isOpen}
+														classNames={popoverClasses}
+													>
 														<Popover.Target>
 															<Box>
 																<BookmarkSettingsItem bookmark={bookmark} />
@@ -276,7 +281,7 @@ function DebouncedGroupSettingsItem({
 						opened={popoverOpened}
 						onChange={setPopoverOpened}
 						closeOnEscape
-						// closeOnClickOutside={}
+						classNames={popoverClasses}
 					>
 						<Popover.Target>
 							<Button