diff --git a/web/components/pagination.tsx b/web/components/pagination.tsx
index 3f4108bc..5f3d4da2 100644
--- a/web/components/pagination.tsx
+++ b/web/components/pagination.tsx
@@ -1,4 +1,5 @@
 import clsx from 'clsx'
+import { Spacer } from './layout/spacer'
 
 export function Pagination(props: {
   page: number
@@ -23,6 +24,8 @@ export function Pagination(props: {
 
   const maxPage = Math.ceil(totalItems / itemsPerPage) - 1
 
+  if (maxPage === 0) return <Spacer h={4} />
+
   return (
     <nav
       className={clsx(