diff --git a/themes/hexo/LayoutBase.js b/themes/hexo/LayoutBase.js
index 4688c7cf..064743bf 100644
--- a/themes/hexo/LayoutBase.js
+++ b/themes/hexo/LayoutBase.js
@@ -53,8 +53,8 @@ const LayoutBase = (props) => {
 
     <main id='wrapper' className='w-full py-8 min-h-screen'>
 
-      <div id='container-inner' className='pt-14 w-full mx-auto lg:flex justify-center md:space-x-4'>
-        <div className='flex-grow w-full max-w-4xl'>
+      <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'>
           {onLoading ? <LoadingCover/> : children}
         </div>