diff --git a/themes/matery/LayoutBase.js b/themes/matery/LayoutBase.js
index bb4ea147..fded7106 100644
--- a/themes/matery/LayoutBase.js
+++ b/themes/matery/LayoutBase.js
@@ -50,7 +50,7 @@ const LayoutBase = props => {
   }
 
   return (
-        <div id="outer-wrapper" className="min-h-screen flex flex-col justify-between bg-hexo-background-gray dark:bg-black w-full overflow-hidden">
+        <div id="outer-wrapper" className="min-h-screen flex flex-col justify-between bg-hexo-background-gray dark:bg-black w-full">
 
             <CommonHead meta={meta} siteInfo={siteInfo} />
 
diff --git a/themes/matery/LayoutSlug.js b/themes/matery/LayoutSlug.js
index 0d872286..b0e775a5 100644
--- a/themes/matery/LayoutSlug.js
+++ b/themes/matery/LayoutSlug.js
@@ -45,12 +45,12 @@ export const LayoutSlug = props => {
             showTag={false}
         >
 
-            <div id='inner-wrapper' className='flex'>
-                <div className={'drop-shadow-xl max-w-4xl 2xl:ml-36'}>
+            <div id='inner-wrapper'>
+                <div className={`drop-shadow-xl max-w-4xl  ${show ? '2xl:ml-36' : ''}`}>
                     <div className="-mt-32 rounded-md mx-3 lg:border lg:rounded-xl lg:py-4 bg-white dark:bg-hexo-black-gray  dark:border-black">
                         {lock && <ArticleLock validPassword={validPassword} />}
 
-                        {!lock && <div id="container" className="overflow-x-auto flex-grow md:w-full ">
+                        {!lock && <div id="container" className="overflow-x-auto md:w-full px-3 ">
                             {post?.type === 'Post' && <>
                                 <div className='px-10'>
                                     <ArticleInfo post={post} />