diff --git a/themes/Medium/LayoutSlug.js b/themes/Medium/LayoutSlug.js
index 015e6d29..c0dd5a93 100644
--- a/themes/Medium/LayoutSlug.js
+++ b/themes/Medium/LayoutSlug.js
@@ -60,7 +60,7 @@ export const LayoutSlug = (props) => {
 
   return <LayoutBase {...props} meta={meta} showInfoCard={true} slotRight={slotRight}>
     <h1 className='text-4xl pt-12 font-sans'>{post?.title}</h1>
-    <div className='flex py-4 items-center font-sans px-1'>
+    <section className='flex py-4 items-center font-sans px-1'>
       <Link href='/about' passHref>
         <>
           <Image
@@ -75,7 +75,7 @@ export const LayoutSlug = (props) => {
         </>
       </Link>
       <div className='text-gray-500'>{date}</div>
-    </div>
+    </section>
     {/* Notion文章主体 */}
     <section id='notion-article' className='px-1 max-w-5xl'>
       {post.blockMap && (
@@ -102,10 +102,10 @@ export const LayoutSlug = (props) => {
            data-ad-client="ca-pub-2708419466378217"
            data-ad-slot="3806269138"/>
     </section>
-    <div>
+    <section>
       <ArticleAround prev={prev} next={next}/>
       <Comment frontMatter={post}/>
-    </div>
+    </section>
   </LayoutBase>
 }
 
diff --git a/themes/Medium/components/Footer.js b/themes/Medium/components/Footer.js
index 57ad7797..d9aac814 100644
--- a/themes/Medium/components/Footer.js
+++ b/themes/Medium/components/Footer.js
@@ -9,7 +9,7 @@ const Footer = ({ title }) => {
   const startYear = BLOG.SINCE && BLOG.SINCE !== currentYear && BLOG.SINCE + '-'
   return (
     <footer
-      className='dark:bg-gray-900 flex-shrink-0 justify-center text-center m-auto w-full leading-6 text-gray-400 text-sm p-6'
+      className='dark:bg-gray-900 flex-shrink-0 mb-8 justify-center text-center m-auto w-full leading-6 text-gray-400 text-sm p-6'
     >
       <FontAwesomeIcon icon={faCopyright} /> {`${startYear}${currentYear}`} <span><FontAwesomeIcon icon={faHeart} className='mx-1 animate-pulse'/> <a href={BLOG.LINK} className='underline font-bold text-gray-500 dark:text-gray-300 '>{BLOG.AUTHOR}</a>.
       <br/>
diff --git a/themes/Medium/components/LogoBar.js b/themes/Medium/components/LogoBar.js
index f8836744..2643a269 100644
--- a/themes/Medium/components/LogoBar.js
+++ b/themes/Medium/components/LogoBar.js
@@ -1,6 +1,4 @@
 import BLOG from '@/blog.config'
-import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import Link from 'next/link'
 
 export default function LogoBar () {
@@ -16,11 +14,11 @@ export default function LogoBar () {
         {/*  <a className='text-gray-600'>{locale.NAV.ABOUT}</a> */}
         {/* </Link> */}
       </div>
-      {BLOG.CONTACT_EMAIL && <Link href={`mailto:${BLOG.CONTACT_EMAIL}`} passHref>
-        <div className='bg-black px-2 py-1 rounded-full'>
-          <FontAwesomeIcon className='cursor-pointer text-white' icon={faEnvelope} />
-        </div>
-      </Link>}
+      {/* {BLOG.CONTACT_EMAIL && <Link href={`mailto:${BLOG.CONTACT_EMAIL}`} passHref> */}
+      {/*  <div className='bg-black px-2 py-1 rounded-full'> */}
+      {/*    <FontAwesomeIcon className='cursor-pointer text-white' icon={faEnvelope} /> */}
+      {/*  </div> */}
+      {/* </Link>} */}
     </div>
   </div>
 }
diff --git a/themes/Medium/components/SocialButton.js b/themes/Medium/components/SocialButton.js
index 71f43da2..54b31158 100644
--- a/themes/Medium/components/SocialButton.js
+++ b/themes/Medium/components/SocialButton.js
@@ -10,8 +10,7 @@ import React from 'react'
  * @constructor
  */
 const SocialButton = () => {
-  return <div className='w-52 flex-wrap flex justify-center'>
-    <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 '>
+  return <div className='space-x-3 text-xl text-gray-600 dark:text-gray-400 flex-wrap flex justify-center '>
       {BLOG.CONTACT_GITHUB && <a target='_blank' rel='noreferrer' title={'github'} href={BLOG.CONTACT_GITHUB} >
         <FontAwesomeIcon icon={faGithub} className='transform hover:scale-125 duration-150'/>
       </a>}
@@ -31,6 +30,5 @@ const SocialButton = () => {
         <FontAwesomeIcon icon={faRss} className='transform hover:scale-125 duration-150'/>
       </a>
     </div>
-  </div>
 }
 export default SocialButton