diff --git a/src/components/TablePagination/TablePaginationControls/TablePaginationControls.test.tsx b/src/components/TablePagination/TablePaginationControls/TablePaginationControls.test.tsx
index c3ba1cf8f..c458d7688 100644
--- a/src/components/TablePagination/TablePaginationControls/TablePaginationControls.test.tsx
+++ b/src/components/TablePagination/TablePaginationControls/TablePaginationControls.test.tsx
@@ -112,6 +112,7 @@ describe("<TablePaginationControls />", () => {
     expect(
       screen.queryByRole("spinbutton", { name: Label.PAGE_NUMBER }),
     ).not.toBeInTheDocument();
+    expect(screen.queryByText("of 5")).not.toBeInTheDocument();
   });
 
   it("can display the description", async () => {
diff --git a/src/components/TablePagination/TablePaginationControls/TablePaginationControls.tsx b/src/components/TablePagination/TablePaginationControls/TablePaginationControls.tsx
index 3e75ed144..208dfe46c 100644
--- a/src/components/TablePagination/TablePaginationControls/TablePaginationControls.tsx
+++ b/src/components/TablePagination/TablePaginationControls/TablePaginationControls.tsx
@@ -138,9 +138,9 @@ const TablePaginationControls = ({
             value={currentPage}
             type="number"
           />{" "}
+          {typeof totalPages === "number" ? `of ${totalPages}` : null}
         </>
       ) : null}
-      {typeof totalPages === "number" ? `of ${totalPages}` : null}
       <Button
         aria-label={Label.NEXT_PAGE}
         className="next"