diff --git a/package.json b/package.json
index 273891ed..ac577a73 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "type": "module",
     "dependencies": {
         "@headlessui/react": "^1.7.17",
-        "@pzh-ui/components": "^0.0.570",
+        "@pzh-ui/components": "^0.0.572",
         "@pzh-ui/config": "^0.0.70",
         "@pzh-ui/css": "^0.0.100",
         "@pzh-ui/icons": "^0.0.69",
diff --git a/src/pages/protected/Modules/ModulesOverview/ModulesOverview.tsx b/src/pages/protected/Modules/ModulesOverview/ModulesOverview.tsx
index 3c171ab4..f056e53d 100644
--- a/src/pages/protected/Modules/ModulesOverview/ModulesOverview.tsx
+++ b/src/pages/protected/Modules/ModulesOverview/ModulesOverview.tsx
@@ -95,7 +95,8 @@ const TabContent = ({ type, activeTab }: TabContentProps) => {
                 (sortBy?.[0]?.id as ModuleSortColumn) || 'Modified_Date',
             sort_order: sortBy?.[0]?.desc ? 'DESC' : 'ASC',
             limit: PAGE_LIMIT,
-            offset: (currPage - 1) * PAGE_LIMIT,
+            offset:
+                ((type === 'archive' ? pageIndex : currPage) - 1) * PAGE_LIMIT,
         },
         {
             query: {
@@ -179,7 +180,7 @@ const TabContent = ({ type, activeTab }: TabContentProps) => {
                     {!!modules?.total &&
                         !!modules?.limit &&
                         modules.total > modules.limit && (
-                            <div className="mt-8 flex justify-center">
+                            <div className="mt-8">
                                 <Pagination
                                     onPageChange={setCurrPage}
                                     current={currPage}
diff --git a/yarn.lock b/yarn.lock
index 25554d04..6dc076e8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3140,9 +3140,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@pzh-ui/components@npm:^0.0.570":
-  version: 0.0.570
-  resolution: "@pzh-ui/components@npm:0.0.570"
+"@pzh-ui/components@npm:^0.0.572":
+  version: 0.0.572
+  resolution: "@pzh-ui/components@npm:0.0.572"
   dependencies:
     "@floating-ui/react": "npm:^0.24.8"
     "@headlessui/react": "npm:^1.5.0"
@@ -3194,7 +3194,7 @@ __metadata:
     react-stately: "npm:^3.30.1"
     react-toastify: "npm:^9.1.2"
     tailwind-merge: "npm:^2.2.2"
-  checksum: a25fb1f3fc67e4cbd64a90632756982ad22034349c3d60149019876d6abf329715d87d986378a8169f3ab6eb612d1ed3684ad7a4ea76ce6f89d8831ccf11a855
+  checksum: 10436aaa0c3dde22ae539262b3e13b9199186d7085323fdeece97ed9f0569192282259a9ca386182543101888a7d3d51dc4e5a75c6a0ca40463b030a861d87e2
   languageName: node
   linkType: hard
 
@@ -13471,7 +13471,7 @@ __metadata:
     "@axe-core/react": "npm:^4.10.0"
     "@faker-js/faker": "npm:^8.3.1"
     "@headlessui/react": "npm:^1.7.17"
-    "@pzh-ui/components": "npm:^0.0.570"
+    "@pzh-ui/components": "npm:^0.0.572"
     "@pzh-ui/config": "npm:^0.0.70"
     "@pzh-ui/css": "npm:^0.0.100"
     "@pzh-ui/icons": "npm:^0.0.69"