diff --git a/next-ui/src/composables/pagination.ts b/next-ui/src/composables/pagination.ts
index 7c586784..bf8b6e45 100644
--- a/next-ui/src/composables/pagination.ts
+++ b/next-ui/src/composables/pagination.ts
@@ -11,7 +11,9 @@ import { useRouteQuery } from '@vueuse/router'
  * The consumer is responsible for updating `pageCount`.
  */
 export function usePagination() {
-  const queryPage = useRouteQuery('page', '1', { transform: Number })
+  const queryPage = useRouteQuery('page', '1', {
+    transform: (input) => Math.abs(Number(input)) || 1,
+  })
   const page0 = ref(queryPage.value - 1)
   const page1 = ref(queryPage.value)
   const pageCount = ref(0)