diff --git a/frontend/src/pages/admin/cards/index.vue b/frontend/src/pages/admin/cards/index.vue
index 9d08979..71b67c1 100644
--- a/frontend/src/pages/admin/cards/index.vue
+++ b/frontend/src/pages/admin/cards/index.vue
@@ -264,13 +264,18 @@ watch([appFilter, cardTypeFilter, statusFilter, startDate, endDate, searchFilter
 })
 
 const serverPagination = computed(() => ({
-  currentPage: currentPage.value,
+  page: currentPage.value,
   pageSize: pageSize.value,
   total: total.value,
-  onChange: (page: number) => {
+  onPageChange: (page: number) => {
     currentPage.value = page
     fetchCards()
   },
+  onPageSizeChange: (size: number) => {
+    pageSize.value = size
+    currentPage.value = 1
+    fetchCards()
+  },
 }))
 </script>
 
diff --git a/frontend/src/pages/admin/devices/index.vue b/frontend/src/pages/admin/devices/index.vue
index d0437f5..5af3a52 100644
--- a/frontend/src/pages/admin/devices/index.vue
+++ b/frontend/src/pages/admin/devices/index.vue
@@ -238,6 +238,19 @@ watch([appFilter, statusFilter, userIdFilter], () => {
   currentPage.value = 1
   fetchDevices()
 })
+
+const serverPagination = computed(() => ({
+  page: currentPage.value,
+  pageSize: pageSize.value,
+  total: total.value,
+  onPageChange: (page: number) => {
+    currentPage.value = page
+  },
+  onPageSizeChange: (size: number) => {
+    pageSize.value = size
+    currentPage.value = 1
+  },
+}))
 </script>
 
 <template>
diff --git a/frontend/src/pages/admin/tickets.vue b/frontend/src/pages/admin/tickets.vue
index 6e9303a..3978966 100644
--- a/frontend/src/pages/admin/tickets.vue
+++ b/frontend/src/pages/admin/tickets.vue
@@ -174,13 +174,18 @@ watch([statusFilter, priorityFilter, typeFilter, createdStartDate, createdEndDat
 })
 
 const serverPagination = computed(() => ({
-  currentPage: currentPage.value,
+  page: currentPage.value,
   pageSize: pageSize.value,
   total: total.value,
-  onChange: (page: number) => {
+  onPageChange: (page: number) => {
     currentPage.value = page
     fetchTickets()
   },
+  onPageSizeChange: (size: number) => {
+    pageSize.value = size
+    currentPage.value = 1
+    fetchTickets()
+  },
 }))
 </script>