diff --git a/components/ThemeSwitch.js b/components/ThemeSwitch.js
index 5d2deff4..6265e035 100644
--- a/components/ThemeSwitch.js
+++ b/components/ThemeSwitch.js
@@ -16,7 +16,7 @@ export function ThemeSwitch() {
   return (<>
         <Draggable>
             <div id="draggableBox" style={{ left: '10px', top: '85vh' }} className="fixed text-white bg-black z-50 rounded-lg shadow-card">
-                <div className="p-2 flex items-center">
+                <div className="py-2 flex items-center text-sm">
                     <i className='fas fa-arrows cursor-move px-2' />
                     {/* <div className='uppercase font-sans whitespace-nowrap cursor-pointer ' onClick={switchTheme}> {theme}</div> */}
                     <select value={theme} onChange={onSelectChange} name="cars" className='text-white bg-black uppercase cursor-pointer'>
diff --git a/themes/hexo/components/Header.js b/themes/hexo/components/Header.js
index 81838608..60edd4e8 100644
--- a/themes/hexo/components/Header.js
+++ b/themes/hexo/components/Header.js
@@ -86,7 +86,7 @@ const Header = props => {
         <header id="header" style={{ zIndex: 1 }} className="w-full h-screen relative" >
 
             <div id='header-cover' style={{ backgroundImage: `url('${siteInfo.pageCover}')` }}
-                className={`header-cover w-full h-screen bg-cover ${CONFIG_HEXO.HOME_NAV_BACKGROUND_IMG_FIXED ? 'bg-fixed' : ''}`}/>
+                className={`header-cover bg-center w-full h-screen bg-cover ${CONFIG_HEXO.HOME_NAV_BACKGROUND_IMG_FIXED ? 'bg-fixed' : ''}`}/>
 
             <div className="text-white absolute bottom-0 flex flex-col h-full items-center justify-center w-full ">
                 <div className='text-4xl md:text-5xl shadow-text'>{siteInfo?.title}</div>
diff --git a/themes/matery/components/BlogPostListPage.js b/themes/matery/components/BlogPostListPage.js
index 4a041aa7..82028115 100644
--- a/themes/matery/components/BlogPostListPage.js
+++ b/themes/matery/components/BlogPostListPage.js
@@ -21,7 +21,7 @@ const BlogPostListPage = ({ page = 1, posts = [], postCount, siteInfo }) => {
       <div id="container" className='w-full'>
         <div className='pt-6'></div>
         {/* 文章列表 */}
-        <div className="px-4 pt-4 flex flex-wrap pb-24" >
+        <div className="pt-4 flex flex-wrap pb-24" >
           {posts.map(post => (
            <div key={post.id} className='xl:w-1/3 md:w-1/2 w-full p-4'> <BlogPostCard index={posts.indexOf(post)} post={post} siteInfo={siteInfo} /></div>
           ))}
diff --git a/themes/matery/components/BlogPostListScroll.js b/themes/matery/components/BlogPostListScroll.js
index fb4da657..e0c9afd5 100644
--- a/themes/matery/components/BlogPostListScroll.js
+++ b/themes/matery/components/BlogPostListScroll.js
@@ -57,7 +57,7 @@ const BlogPostListScroll = ({ posts = [], currentSearch, showSummary = CONFIG_MA
     return <div id='container' ref={targetRef} className='w-full'>
 
       {/* 文章列表 */}
-      <div className="px-4 pt-4 flex flex-wrap pb-24" >
+      <div className="pt-4 flex flex-wrap pb-24" >
         {postsToShow.map(post => (
             <div key={post.id} className='xl:w-1/3 md:w-1/2 w-full p-4'>
             <BlogPostCard index={posts.indexOf(post)} post={post} siteInfo={siteInfo} />
diff --git a/themes/matery/components/Header.js b/themes/matery/components/Header.js
index 7208f57e..4e84e70c 100644
--- a/themes/matery/components/Header.js
+++ b/themes/matery/components/Header.js
@@ -102,7 +102,7 @@ const Header = props => {
             </div>
 
             <div id='header-cover' style={{ backgroundImage: `url('${siteInfo.pageCover}')` }}
-                className={`header-cover w-full h-screen bg-cover ${CONFIG_MATERY.HOME_NAV_BACKGROUND_IMG_FIXED ? 'bg-fixed' : ''}`}/>
+                className={`header-cover bg-center w-full h-screen bg-cover ${CONFIG_MATERY.HOME_NAV_BACKGROUND_IMG_FIXED ? 'bg-fixed' : ''}`}/>
 
         </header>
   )