diff --git a/forms-flow-admin/src/components/roles/roles.tsx b/forms-flow-admin/src/components/roles/roles.tsx
index 8fbb77ed..8587ec56 100644
--- a/forms-flow-admin/src/components/roles/roles.tsx
+++ b/forms-flow-admin/src/components/roles/roles.tsx
@@ -27,7 +27,6 @@ import { DEFAULT_ROLES } from "../../constants";
 
 import {removingTenantId} from "../../utils/utils.js";
 import { TableFooter } from "@formsflow/components";
-
 const Roles = React.memo((props: any) => {
   const { t } = useTranslation();
   const { tenantId } = useParams();
@@ -637,7 +636,6 @@ const Roles = React.memo((props: any) => {
     setActivePage(1); 
   };
 
-
   const columns = [
     {
       dataField: "name",
@@ -778,15 +776,14 @@ const Roles = React.memo((props: any) => {
     
           <table className="table">
             <tfoot>
-
-              <TableFooter
-                limit={sizePerPage}
-                activePage={activePage}
-                totalCount={roles.length}
-                handlePageChange={setActivePage}
-                onLimitChange={handleLimitChange}
-                pageOptions={getpageList()}
-              />
+            <TableFooter
+            limit={sizePerPage}
+            activePage={activePage}
+            totalCount={roles.length}
+            handlePageChange={handlePageChange}
+            onLimitChange={handleLimitChange}
+            pageOptions={getPageList()}
+          />
             </tfoot>
           </table>
         </div>