Style fixes

src/pages/homepage/components/Search/Search.tsx

@@ -135,14 +135,14 @@ export default function Search({
 
 	const handleKeyUp = (item: any) => {
 		if (item.code === 'Escape') {
-			if (dropdownOpened) {
-				closeDropdown();
-			}
 			setListIndex(0);
 			setSearchValue('');
 			setProviderLabel('Google Search');
 			setProviderPrefix('/g');
 			setPlaceholderValue('');
+			if (dropdownOpened) {
+				closeDropdown();
+			}
 		}
 		if (item.code === 'ArrowDown' && !dropdownOpened) {
 			setListIndex(0);
@@ -323,7 +323,7 @@ export default function Search({
 
 	return (
 		<>
-			{dropdownOpened && <Overlay pos={'absolute'} h={'100%'} w={'100%'} blur={1} />}
+			{dropdownOpened && <Overlay pos={'absolute'} h={'100%'} w={'100%'} blur={5} />}
 			<Stack
 				style={{
 					height: '100px',
@@ -349,7 +349,7 @@ export default function Search({
 					nothingFoundMessage={
 						<Text c={'var(--mantine-color-primary-0)'}>Nothing found...</Text>
 					}
-					data-active={searchValue !== ''}
+					data-active={placeholderValue !== ''}
 					dropdownOpened={dropdownOpened}
 					comboboxProps={{
 						transitionProps: { transition: 'fade', duration: 200 },