diff --git a/themes/next/components/PaginationNumber.js b/themes/next/components/PaginationNumber.js
index 764e3eb4..55311e56 100644
--- a/themes/next/components/PaginationNumber.js
+++ b/themes/next/components/PaginationNumber.js
@@ -16,7 +16,7 @@ const PaginationNumber = ({ page, totalPage }) => {
   const pages = generatePages(pagePrefix, page, currentPage, totalPage)
 
   return (
-        <div className="my-5 flex justify-center items-end font-medium text-black hover:shadow-xl duration-500 bg-white dark:bg-gray-700 dark:text-gray-300 py-3 shadow space-x-2">
+        <div 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">
             {/* 上一页 */}
             <Link
                 href={{
diff --git a/themes/next/components/StickyBar.js b/themes/next/components/StickyBar.js
index 837daf51..b34e2132 100644
--- a/themes/next/components/StickyBar.js
+++ b/themes/next/components/StickyBar.js
@@ -11,7 +11,7 @@ let windowTop = 0
  * @constructor
  */
 const StickyBar = ({ children }) => {
-  if (!children) return <></>
+  // 滚动页面时导航条样式调整
   const scrollTrigger = useCallback(throttle(() => {
     if (CONFIG_NEXT.NAV_TYPE === 'normal') {
       return
@@ -37,6 +37,8 @@ const StickyBar = ({ children }) => {
     }
   }, [])
 
+  if (!children) return <></>
+
   return (
     <div id='sticky-bar' className='sticky flex-grow justify-center top-0 duration-500 z-10 pb-16'>
       <div className='bg-white dark:bg-hexo-black-gray px-5 absolute shadow-md w-full scroll-hidden'>