diff --git a/themes/next/LayoutBase.js b/themes/next/LayoutBase.js
index 76f56dc8..f3b9dc44 100644
--- a/themes/next/LayoutBase.js
+++ b/themes/next/LayoutBase.js
@@ -51,7 +51,7 @@ const LayoutBase = (props) => {
     if (fb.length === 0) {
       floatButtonGroup?.current?.classList.replace('bottom-24', 'bottom-12')
     } else {
-      floatButtonGroup?.current?.classList.remove('bottom-12', 'bottom-24')
+      floatButtonGroup?.current?.classList.replace('bottom-12', 'bottom-24')
     }
 
     document.addEventListener('scroll', scrollListener)
@@ -73,7 +73,8 @@ const LayoutBase = (props) => {
           <section id='center' className={`${CONFIG_NEXT.NAV_TYPE !== 'normal' ? 'mt-40' : ''} lg:max-w-3xl xl:max-w-4xl flex-grow md:mt-0 min-h-screen w-full`} ref={targetRef}>
             {onLoading ? <LoadingCover/> : <> {children}</> }
           </section>
-          <SideAreaRight targetRef={targetRef} slot={rightAreaSlot} {...props}/>
+          {/* 右侧栏样式 */}
+          { CONFIG_NEXT.RIGHT_BAR && <SideAreaRight targetRef={targetRef} slot={rightAreaSlot} {...props}/> }
       </main>
 
       {/* 右下角悬浮 */}
diff --git a/themes/next/components/SideAreaRight.js b/themes/next/components/SideAreaRight.js
index 6a0abd51..d5ccfe15 100644
--- a/themes/next/components/SideAreaRight.js
+++ b/themes/next/components/SideAreaRight.js
@@ -22,9 +22,6 @@ import BLOG from '@/blog.config'
 const SideAreaRight = (props) => {
   const { tags, currentTag, slot, categories, currentCategory } = props
   const { locale } = useGlobal()
-  if (!CONFIG_NEXT.RIGHT_BAR) {
-    return <></>
-  }
   const router = useRouter()
   return (<aside id='right' className='hidden 2xl:block flex-col w-60 ml-4'>