diff --git a/frontend/src/components/Packages/List.tsx b/frontend/src/components/Packages/List.tsx
index c8bf9a91..4edb17c9 100644
--- a/frontend/src/components/Packages/List.tsx
+++ b/frontend/src/components/Packages/List.tsx
@@ -25,6 +25,7 @@ function List(props: { appID: string }) {
   const rowsPerPage = 10;
   const [page, setPage] = React.useState(0);
   const { t } = useTranslation();
+  const [totalCount, setTotalCount] = React.useState(0);
 
   function onChange() {
     setApplication(applicationsStore().getCachedApplication(props.appID));
@@ -41,6 +42,7 @@ function List(props: { appID: string }) {
             return;
           }
           setPackages(result.packages);
+          setTotalCount(result.totalCount);
         })
         .catch(err => {
           console.error('Error getting the packages in the Packages/List: ', err);
@@ -125,7 +127,7 @@ function List(props: { appID: string }) {
                 <TablePagination
                   rowsPerPageOptions={[]}
                   component="div"
-                  count={packages.length}
+                  count={totalCount}
                   rowsPerPage={rowsPerPage}
                   page={page}
                   backIconButtonProps={{