[MID-84] some more behavioral fixes

src/app/_components/SearchInput/SearchInput.js

@@ -60,7 +60,13 @@ export function SearchInput() {
         >
           <SearchIcon className={cn('group-focus-within:hidden', query && 'hidden')} />
           <SearchInputField />
-          <ClearSearchIcon className={cn('hidden cursor-pointer', query && 'block')} onClick={() => setQuery('')} />
+          <ClearSearchIcon
+            className={cn('hidden cursor-pointer', query && 'block')}
+            onClick={() => {
+              setQuery('');
+              setIsAutoCompleteOpen(false);
+            }}
+          />
           <SearchAutoCompleteDropDown />
         </div>
       </div>

src/app/_components/SearchInput/SearchInputField.js

@@ -25,7 +25,7 @@ export function SearchInputField() {
   return (
     <input
       ref={inputRef}
-      className="h-6 w-[1px] grow border-none bg-other-black/0 p-0 caret-primary-500 placeholder:text-p3 placeholder:text-gray-500 focus:ring-0"
+      className="h-6 w-[1px] grow border-none bg-other-black/0 p-0 caret-primary-500 placeholder:text-p3 placeholder:text-gray-500 focus:ring-0 focus:placeholder:text-other-white/0"
       placeholder={currentConfig.placeholder}
       value={query}
       onChange={e => {