diff --git a/themes/medium/LayoutArchive.js b/themes/medium/LayoutArchive.js
index 2f4abb2a..78c73360 100644
--- a/themes/medium/LayoutArchive.js
+++ b/themes/medium/LayoutArchive.js
@@ -24,7 +24,7 @@ export const LayoutArchive = props => {
   })
   return (
     <LayoutBase {...props}>
-      <div className="mb-10 pb-20 md:p-12 p-3  min-h-full">
+      <div className="mb-10 pb-20 md:py-12 py-3  min-h-full">
         {Object.keys(archivePosts).map(archiveTitle => (
           <div key={archiveTitle}>
             <div
diff --git a/themes/medium/LayoutBase.js b/themes/medium/LayoutBase.js
index ce58eb67..29ea9e32 100644
--- a/themes/medium/LayoutBase.js
+++ b/themes/medium/LayoutBase.js
@@ -33,7 +33,7 @@ const LayoutBase = props => {
         <div id='container-inner' className='w-full'>
           {/* 移动端顶部菜单 */}
           <TopNavBar {...props}/>
-          <div className='px-5 max-w-5xl justify-center mx-auto min-h-screen'>
+          <div className='px-7 max-w-5xl justify-center mx-auto min-h-screen'>
             {slotTop}
             {children}
           </div>
diff --git a/themes/medium/LayoutCategoryIndex.js b/themes/medium/LayoutCategoryIndex.js
index 5dc91f81..745c2c78 100644
--- a/themes/medium/LayoutCategoryIndex.js
+++ b/themes/medium/LayoutCategoryIndex.js
@@ -6,7 +6,7 @@ export const LayoutCategoryIndex = (props) => {
   const { categories } = props
   const { locale } = useGlobal()
   return <LayoutBase {...props}>
-       <div className='bg-white dark:bg-gray-700 p-10'>
+       <div className='bg-white dark:bg-gray-700 py-10'>
       <div className='dark:text-gray-200 mb-5'>
         <i className='mr-4 fas fa-th' />{locale.COMMON.CATEGORY}:
       </div>
diff --git a/themes/medium/LayoutTagIndex.js b/themes/medium/LayoutTagIndex.js
index 2c754495..1667dc63 100644
--- a/themes/medium/LayoutTagIndex.js
+++ b/themes/medium/LayoutTagIndex.js
@@ -7,7 +7,7 @@ export const LayoutTagIndex = props => {
   const { locale } = useGlobal()
   return (
     <LayoutBase {...props}>
-      <div className="bg-white dark:bg-gray-700 p-10">
+      <div className="bg-white dark:bg-gray-700 py-10">
         <div className="dark:text-gray-200 mb-5">
           <i className="mr-4 fas fa-tag" />
           {locale.COMMON.TAGS}:
diff --git a/themes/medium/components/BlogPostCard.js b/themes/medium/components/BlogPostCard.js
index 9ad4c46c..7cbadf83 100644
--- a/themes/medium/components/BlogPostCard.js
+++ b/themes/medium/components/BlogPostCard.js
@@ -15,7 +15,7 @@ const BlogPostCard = ({ post, showSummary }) => {
       key={post.id}
       className="animate__animated animate__fadeIn duration-300 mb-6 max-w-7xl border-b dark:border-gray-800 "
     >
-      <div className="lg:p-8 p-4 flex flex-col w-full">
+      <div className="lg:py-8 py-4 flex flex-col w-full">
         <Link href={`${BLOG.SUB_PATH}/${post.slug}`} passHref>
           <a
             className={
diff --git a/themes/medium/components/TopNavBar.js b/themes/medium/components/TopNavBar.js
index 4835df81..82f0cb84 100644
--- a/themes/medium/components/TopNavBar.js
+++ b/themes/medium/components/TopNavBar.js
@@ -35,12 +35,12 @@ export default function TopNavBar(props) {
   return <div id='top-nav' className={'sticky top-0 lg:relative w-full z-40 ' + className}>
         {/* 折叠菜单 */}
         <Collapse type='vertical' isOpen={isOpen} className='md:hidden'>
-            <div className='bg-white dark:bg-hexo-black-gray pt-1 py-2 px-5 lg:hidden '>
+            <div className='bg-white dark:bg-hexo-black-gray pt-1 py-2 px-7 lg:hidden '>
                 <GroupMenu {...props} />
             </div>
         </Collapse>
 
-        <div className='flex w-full h-12 shadow bg-white dark:bg-hexo-black-gray px-5 items-between'>
+        <div className='flex w-full h-12 shadow bg-white dark:bg-hexo-black-gray px-7 items-between'>
 
             {/* 图标Logo */}
             <LogoBar {...props} />