diff --git a/apps/insights/src/components/PriceComponentsCard/index.tsx b/apps/insights/src/components/PriceComponentsCard/index.tsx
index 073ed4bf1f..0f5b4af7a2 100644
--- a/apps/insights/src/components/PriceComponentsCard/index.tsx
+++ b/apps/insights/src/components/PriceComponentsCard/index.tsx
@@ -160,6 +160,7 @@ export const ResolvedPriceComponentsCard = <
     numResults,
     numPages,
     mkPageLink,
+    isPending,
   } = useQueryParamFilterPagination(
     componentsFilteredByStatus,
     (component, search) => filter.contains(component.nameAsString, search),
@@ -314,6 +315,7 @@ export const ResolvedPriceComponentsCard = <
       onStatusChange={updateStatus}
       showQuality={showQuality}
       setShowQuality={updateShowQuality}
+      isPending={isPending}
       {...props}
     />
   );
@@ -354,6 +356,7 @@ type PriceComponentsCardProps<
         showQuality: boolean;
         setShowQuality: (newValue: boolean) => void;
         rows: (RowConfig<string> & { nameAsString: string })[];
+        isPending: boolean;
       }
   );
 
@@ -421,6 +424,7 @@ export const PriceComponentsCardContents = <
                 : {
                     value: props.search,
                     onChange: props.onSearchChange,
+                    isPending: props.isPending,
                   })}
             />
           </div>
diff --git a/apps/insights/src/components/PriceFeeds/price-feeds-card.tsx b/apps/insights/src/components/PriceFeeds/price-feeds-card.tsx
index ab3c37b24c..c786442992 100644
--- a/apps/insights/src/components/PriceFeeds/price-feeds-card.tsx
+++ b/apps/insights/src/components/PriceFeeds/price-feeds-card.tsx
@@ -81,6 +81,7 @@ const ResolvedPriceFeedsCard = ({ priceFeeds, ...props }: Props) => {
     numResults,
     numPages,
     mkPageLink,
+    isPending,
   } = useQueryParamFilterPagination(
     feedsFilteredByAssetClass,
     () => true,
@@ -188,6 +189,7 @@ const ResolvedPriceFeedsCard = ({ priceFeeds, ...props }: Props) => {
       onPageChange={updatePage}
       mkPageLink={mkPageLink}
       rows={rows}
+      isPending={isPending}
       {...props}
     />
   );
@@ -221,6 +223,7 @@ type PriceFeedsCardContents = Pick<Props, "id"> &
           | "exponent"
           | "numPublishers"
         > & { textValue: string })[];
+        isPending: boolean;
       }
   );
 
@@ -252,6 +255,7 @@ const PriceFeedsCardContents = ({ id, ...props }: PriceFeedsCardContents) => (
             : {
                 value: props.search,
                 onChange: props.onSearchChange,
+                isPending: props.isPending,
               })}
         />
         <Select
diff --git a/packages/component-library/src/useQueryParamsPagination/index.ts b/packages/component-library/src/useQueryParamsPagination/index.ts
index 71298e06b9..efde404ecc 100644
--- a/packages/component-library/src/useQueryParamsPagination/index.ts
+++ b/packages/component-library/src/useQueryParamsPagination/index.ts
@@ -8,7 +8,7 @@ import {
   createSerializer,
 } from "@pythnetwork/react-hooks/nuqs";
 import { usePathname } from "next/navigation";
-import { useCallback, useMemo } from "react";
+import { useCallback, useDeferredValue, useMemo } from "react";
 
 import type { SortDescriptor } from "../unstyled/Table";
 import { useLogger } from "../useLogger";
@@ -42,6 +42,9 @@ export const useQueryParamFilterPagination = <T>(
   const [{ search, page, pageSize, sort, descending }, setQuery] =
     useQueryStates(queryParams);
 
+  const deferredSearch = useDeferredValue(search);
+  const isPending = search !== deferredSearch;
+
   const sortDescriptor = useMemo(
     (): SortDescriptor => ({
       column: sort,
@@ -93,8 +96,10 @@ export const useQueryParamFilterPagination = <T>(
 
   const filteredItems = useMemo(
     () =>
-      search === "" ? items : items.filter((item) => predicate(item, search)),
-    [items, search, predicate],
+      deferredSearch === ""
+        ? items
+        : items.filter((item) => predicate(item, deferredSearch)),
+    [items, deferredSearch, predicate],
   );
 
   const sortedItems = useMemo(
@@ -103,8 +108,8 @@ export const useQueryParamFilterPagination = <T>(
   );
 
   const mutatedItems = useMemo(() => {
-    return doMutate(sortedItems, search);
-  }, [doMutate, sortedItems, search]);
+    return doMutate(sortedItems, deferredSearch);
+  }, [doMutate, sortedItems, deferredSearch]);
 
   const paginatedItems = useMemo(
     () => mutatedItems.slice((page - 1) * pageSize, page * pageSize),
@@ -139,5 +144,6 @@ export const useQueryParamFilterPagination = <T>(
     numPages,
     mkPageLink,
     numResults: mutatedItems.length,
+    isPending,
   };
 };