diff --git a/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/home/index.tsx b/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/home/index.tsx
index 74572e74dd508..b260bba493e71 100644
--- a/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/home/index.tsx
+++ b/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/home/index.tsx
@@ -141,6 +141,9 @@ const AvailablePackages: React.FC = memo(() => {
   const queryParams = new URLSearchParams(useLocation().search);
   const initialCategory = queryParams.get('category') || '';
   const [selectedCategory, setSelectedCategory] = useState(initialCategory);
+  const { data: allCategoryPackagesRes, isLoading: isLoadingAllPackages } = useGetPackages({
+    category: '',
+  });
   const { data: categoryPackagesRes, isLoading: isLoadingCategoryPackages } = useGetPackages({
     category: selectedCategory,
   });
@@ -152,6 +155,11 @@ const AvailablePackages: React.FC = memo(() => {
     [categoryPackagesRes]
   );
 
+  const allPackages = useMemo(
+    () => packageListToIntegrationsList(allCategoryPackagesRes?.response || []),
+    [allCategoryPackagesRes]
+  );
+
   const title = useMemo(
     () =>
       i18n.translate('xpack.fleet.epmList.allTitle', {
@@ -167,16 +175,16 @@ const AvailablePackages: React.FC = memo(() => {
         title: i18n.translate('xpack.fleet.epmList.allPackagesFilterLinkText', {
           defaultMessage: 'All',
         }),
-        count: packages?.length || 0,
+        count: allPackages?.length || 0,
       },
       ...(categoriesRes ? categoriesRes.response : []),
     ],
-    [packages?.length, categoriesRes]
+    [allPackages?.length, categoriesRes]
   );
 
   const controls = categories ? (
     <CategoryFacets
-      isLoading={isLoadingCategories}
+      isLoading={isLoadingCategories || isLoadingAllPackages}
       categories={categories}
       selectedCategory={selectedCategory}
       onCategoryChange={({ id }: CategorySummaryItem) => {