diff --git a/frontend/app/components/shared/Filters/FilterAutoComplete/AutocompleteModal.tsx b/frontend/app/components/shared/Filters/FilterAutoComplete/AutocompleteModal.tsx
index 22ce83d01..9a7b5f4aa 100644
--- a/frontend/app/components/shared/Filters/FilterAutoComplete/AutocompleteModal.tsx
+++ b/frontend/app/components/shared/Filters/FilterAutoComplete/AutocompleteModal.tsx
@@ -254,7 +254,9 @@ export function AutoCompleteContainer(props: Props) {
       event.target === event.currentTarget ||
       event.currentTarget.contains(event.target as Node)
     ) {
-      setShowValueModal(true);
+      setTimeout(() => {
+        setShowValueModal(true);
+      }, 0)
     }
   };
 
diff --git a/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx b/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx
index 8a2f27498..c64a10d7e 100644
--- a/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx
+++ b/frontend/app/components/shared/Filters/FilterAutoComplete/FilterAutoComplete.tsx
@@ -80,7 +80,9 @@ const FilterAutoComplete = observer(
       }
     }, [topValues, initialFocus]);
 
-    useEffect(() => { void loadTopValues() }, [_params.type]);
+    useEffect(() => {
+      void loadTopValues()
+    }, [_params.type]);
 
     const loadOptions = async (
       inputValue: string,