diff --git a/themes/hexo/LayoutBase.js b/themes/hexo/LayoutBase.js
index 0843646d..a510dd1b 100644
--- a/themes/hexo/LayoutBase.js
+++ b/themes/hexo/LayoutBase.js
@@ -67,9 +67,7 @@ const LayoutBase = props => {
           <div className="w-full">
             {onLoading ? <LoadingCover /> : children}
           </div>
-          <div className='xl:w-96 xl:pt-0 xl:px-2 pt-4'>
-            <SideRight {...props} slot={rightAreaSlot} />
-          </div>
+          <SideRight {...props} slot={rightAreaSlot} />
         </div>
       </main>
 
diff --git a/themes/hexo/components/SideRight.js b/themes/hexo/components/SideRight.js
index b730d558..771d9cad 100644
--- a/themes/hexo/components/SideRight.js
+++ b/themes/hexo/components/SideRight.js
@@ -13,7 +13,7 @@ export default function SideRight(props) {
   } = props
 
   return (
-    <div className={'space-y-4'}>
+    <div className={'space-y-4 xl:w-96 xl:pt-0 xl:px-2 pt-4'}>
       <InfoCard {...props} />
       {CONFIG_HEXO.WIDGET_ANALYTICS && <AnalyticsCard {...props} />}