diff --git a/themes/hexo/LayoutBase.js b/themes/hexo/LayoutBase.js
index 6d78abee..39a96c21 100644
--- a/themes/hexo/LayoutBase.js
+++ b/themes/hexo/LayoutBase.js
@@ -59,12 +59,12 @@ const LayoutBase = props => {
 
       {headerSlot}
 
-      <main id="wrapper" className="w-full py-8 min-h-screen">
+      <main id="wrapper" className="w-full py-8 md:px-8 min-h-screen">
         <div
           id="container-inner"
           className="pt-14 w-full mx-auto lg:flex justify-center lg:space-x-4"
         >
-          <div className="flex-grow w-full lg:max-w-4xl">
+          <div className="flex-grow w-full">
             {onLoading ? <LoadingCover /> : children}
           </div>
 
diff --git a/themes/hexo/LayoutSlug.js b/themes/hexo/LayoutSlug.js
index ee3143cf..e914a191 100644
--- a/themes/hexo/LayoutSlug.js
+++ b/themes/hexo/LayoutSlug.js
@@ -54,7 +54,7 @@ export const LayoutSlug = props => {
       <div className="w-full lg:shadow-sm lg:hover:shadow lg:border lg:rounded-xl lg:px-2 lg:py-4 bg-white dark:bg-hexo-black-gray dark:border-black">
         {lock && <ArticleLock password={post.password} validPassword={validPassword} />}
 
-        {!lock && <div id="container" className="max-w-5xl overflow-x-auto flex-grow mx-auto md:w-full md:px-5 ">
+        {!lock && <div id="container" className="overflow-x-auto flex-grow mx-auto md:w-full md:px-5 ">
 
           <article itemScope itemType="https://schema.org/Movie" className="subpixel-antialiased" >
             {/* Notion文章主体 */}