diff --git a/themes/next/components/PaginationNumber.js b/themes/next/components/PaginationNumber.js
index f4feaa61..808dd217 100644
--- a/themes/next/components/PaginationNumber.js
+++ b/themes/next/components/PaginationNumber.js
@@ -11,7 +11,7 @@ import { useRouter } from 'next/router'
 const PaginationNumber = ({ page, totalPage }) => {
   const router = useRouter()
   const currentPage = +page
-  const showNext = page !== totalPage
+  const showNext = currentPage !== totalPage
   const pagePrefix = router.asPath.split('?')[0].replace(/\/page\/[1-9]\d*/, '').replace(/\/$/, '')
   const pages = generatePages(pagePrefix, page, currentPage, totalPage)
 
@@ -21,7 +21,7 @@ const PaginationNumber = ({ page, totalPage }) => {
         data-aos-duration="300"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"
-        className="my-5 flex justify-center items-end font-medium text-black hover:shadow-xl duration-500 bg-white dark:bg-hexo-black-gray dark:text-gray-300 py-3 shadow space-x-2">
+        className="my-5 flex justify-center items-end font-medium text-black hover:shadow-xl duration-200 transition-all bg-white dark:bg-hexo-black-gray dark:text-gray-300 py-3 shadow space-x-2">
         {/* 上一页 */}
         <Link
           href={{
@@ -36,7 +36,7 @@ const PaginationNumber = ({ page, totalPage }) => {
             <div
                 rel="prev"
                 className={`${currentPage === 1 ? 'invisible' : 'block'
-                    } border-t-2 border-white dark:border-gray-700 hover:border-gray-400 dark:hover:border-gray-400 w-6 text-center cursor-pointer duration-200 hover:font-bold`}
+                    } hover:border-t-2 border-white  hover:border-gray-400 dark:hover:border-gray-400 w-8 h-8 justify-center flex items-center cursor-pointer duration-200 transition-all hover:font-bold`}
             >
                 <i className="fas fa-angle-left" />
             </div>
@@ -55,7 +55,7 @@ const PaginationNumber = ({ page, totalPage }) => {
             <div
                 rel="next"
                 className={`${+showNext ? 'block' : 'invisible'
-                    } border-t-2 border-white dark:border-gray-700 hover:border-gray-400 dark:hover:border-gray-400 w-6 text-center cursor-pointer duration-500 hover:font-bold`}
+                    } hover:border-t-2 border-white  hover:border-gray-400 dark:hover:border-gray-400 w-8 h-8 justify-center flex items-center cursor-pointer duration-200 transition-all hover:font-bold`}
             >
                 <i className="fas fa-angle-right" />
             </div>
@@ -73,8 +73,8 @@ function getPageElement(pagePrefix, page, currentPage) {
       className={
           (page + '' === currentPage + ''
             ? 'font-bold bg-gray-500 dark:bg-gray-400 text-white '
-            : 'border-t-2 duration-500 border-white hover:border-gray-400 ') +
-          ' border-white dark:border-gray-700 dark:hover:border-gray-400 cursor-pointer w-6 text-center font-light hover:font-bold'
+            : 'hover:border-t-2 duration-200 transition-all border-white hover:border-gray-400 ') +
+          ' border-white  dark:hover:border-gray-400 cursor-pointer w-8 h-8 justify-center flex items-center font-light hover:font-bold'
       }>
 
       {page}
@@ -100,7 +100,7 @@ function generatePages(pagePrefix, page, currentPage, totalPage) {
       startPage = totalPage - dynamicGroupCount
     }
     if (startPage > 2) {
-      pages.push(<div key={-1}>... </div>)
+      pages.push(<div key={-1} className='select-none'>... </div>)
     }
 
     for (let i = 0; i < dynamicGroupCount; i++) {
@@ -110,7 +110,7 @@ function generatePages(pagePrefix, page, currentPage, totalPage) {
     }
 
     if (startPage + dynamicGroupCount < totalPage) {
-      pages.push(<div key={-2}>... </div>)
+      pages.push(<div key={-2} className='select-none'>... </div>)
     }
 
     pages.push(getPageElement(pagePrefix, totalPage, page))