diff --git a/themes/example/LayoutIndex.js b/themes/example/LayoutIndex.js
index 6a28d455..7d6a17a6 100644
--- a/themes/example/LayoutIndex.js
+++ b/themes/example/LayoutIndex.js
@@ -5,7 +5,7 @@ import LayoutBase from './LayoutBase'
 export const LayoutIndex = props => {
   return (
     <LayoutBase {...props}>
-      <BlogList {...props} />
+      <BlogList {...props} page={1} />
     </LayoutBase>
   )
 }
diff --git a/themes/example/components/BlogList.js b/themes/example/components/BlogList.js
index a0f4fe6b..bb924fdf 100644
--- a/themes/example/components/BlogList.js
+++ b/themes/example/components/BlogList.js
@@ -44,10 +44,10 @@ export const BlogList = (props) => {
 
         <div className="flex justify-between text-xs">
             <Link href={{ pathname: currentPage - 1 === 1 ? `${BLOG.SUB_PATH || '/'}` : `/page/${currentPage - 1}`, query: router.query.s ? { s: router.query.s } : {} }}>
-                <a className={`${currentPage > 1 ? 'bg-black ' : 'bg-gray '} text-white no-underline py-2 px-3 rounded`}>{locale.PAGINATION.PREV}</a>
+                <a className={`${currentPage > 1 ? 'bg-black ' : 'bg-gray pointer-events-none '} text-white no-underline py-2 px-3 rounded`}>{locale.PAGINATION.PREV}</a>
             </Link>
             <Link href={{ pathname: `/page/${currentPage + 1}`, query: router.query.s ? { s: router.query.s } : {} }}>
-                <a className={`${showNext ? 'bg-black ' : 'bg-gray '} text-white no-underline py-2 px-3 rounded`}>{locale.PAGINATION.NEXT}</a>
+                <a className={`${showNext ? 'bg-black ' : 'bg-gray pointer-events-none '} text-white no-underline py-2 px-3 rounded`}>{locale.PAGINATION.NEXT}</a>
             </Link>
         </div>
     </div>