diff --git a/apps/designer/app/designer/shared/fonts-manager/fonts-manager.tsx b/apps/designer/app/designer/shared/fonts-manager/fonts-manager.tsx
index 2d0267a906..a8f5a2eac3 100644
--- a/apps/designer/app/designer/shared/fonts-manager/fonts-manager.tsx
+++ b/apps/designer/app/designer/shared/fonts-manager/fonts-manager.tsx
@@ -111,7 +111,7 @@ const useLogic = ({ onChange }: { onChange: (value: string) => void }) => {
   useEffect(() => {
     const items = filter(search, fontItems);
     setFilteredItems(items);
-  }, [fontItems]);
+  }, [fontItems, search]);
 
   const { uploadedItems, systemItems } = useMemo(
     () => groupItemsByType(filteredItems),
@@ -160,10 +160,7 @@ const useLogic = ({ onChange }: { onChange: (value: string) => void }) => {
   };
 
   const handleSearch: ChangeEventHandler<HTMLInputElement> = (event) => {
-    const { value } = event.currentTarget;
-    const items = filter(value, fontItems);
-    setFilteredItems(items);
-    setSearch(value);
+    setSearch(event.currentTarget.value);
   };
 
   return {