diff --git a/themes/hexo/components/NavButtonGroup.js b/themes/hexo/components/NavButtonGroup.js
index 9c3b27f2..7a71ee02 100644
--- a/themes/hexo/components/NavButtonGroup.js
+++ b/themes/hexo/components/NavButtonGroup.js
@@ -9,6 +9,9 @@ import Link from 'next/link'
  */
 const NavButtonGroup = (props) => {
   const { categories } = props
+  if (!categories || categories.length === 0) {
+    return <></>
+  }
 
   return <nav id='home-nav-button' className={'md:h-52 md:mt-6 xl:mt-32 px-5 py-2 mt-8 flex flex-wrap md:max-w-5xl space-y-2 md:space-y-0 md:flex justify-center max-h-80 overflow-auto'}>
     {categories.map(category => {
diff --git a/themes/next/components/Header.js b/themes/next/components/Header.js
index 77c6ce61..40fd3bb0 100644
--- a/themes/next/components/Header.js
+++ b/themes/next/components/Header.js
@@ -99,7 +99,7 @@ export default function Header(props) {
           `linear-gradient(rgba(0, 0, 0, 0.8), rgba(0,0,0,0.2), rgba(0, 0, 0, 0.8) ),url("${siteInfo?.pageCover}")`
       }}
     >
-      <div className="absolute flex h-full items-center lg:-mt-14 justify-center w-full text-4xl md:text-7xl text-white">
+      <div className="absolute flex h-full items-center lg:-mt-14 justify-center w-full text-2xl md:text-4xl text-white">
         <div id='typed' className='flex text-center font-serif' />
       </div>
       <div