Style updates

src/pages/settings/components/WoL/WolClients.tsx

@@ -11,7 +11,7 @@ import {
 import { useDebouncedValue, useDisclosure } from '@mantine/hooks';
 import { useCommonHooks, useMutationAPI, useQueryAPI } from 'hooks';
 import { useEffect, useState } from 'react';
-import { textInputClasses } from 'styles';
+import { popoverClasses, textInputClasses } from 'styles';
 import type { WolClient } from 'types';
 import AddItemModal from '../Shared/AddItemModal';
 import SettingsHeader from '../Shared/SettingsHeader';
@@ -130,6 +130,7 @@ const WolClientSettings = () => {
 				}}
 				searchValue={searchValue}
 				setSearchValue={setSearchValue}
+				searchPlaceholder={'Search Clients...'}
 			/>
 			<Stack
 				mt={isMobile ? '9rem' : '6rem'}
@@ -145,6 +146,7 @@ const WolClientSettings = () => {
 								withOverlay
 								withinPortal={false}
 								closeOnClickOutside={!isOpen}
+								classNames={popoverClasses}
 							>
 								<Popover.Target>
 									<Group