diff --git a/themes/fukasawa/LayoutIndex.js b/themes/fukasawa/LayoutIndex.js
index 0158a856..7559d65b 100644
--- a/themes/fukasawa/LayoutIndex.js
+++ b/themes/fukasawa/LayoutIndex.js
@@ -3,6 +3,6 @@ import LayoutBase from './LayoutBase'
 
 export const LayoutIndex = (props) => {
   return <LayoutBase {...props}>
-    <BlogListPage {...props}/>
+    <BlogListPage {...props} />
   </LayoutBase>
 }
diff --git a/themes/hexo/LayoutIndex.js b/themes/hexo/LayoutIndex.js
index db058549..18219cd4 100644
--- a/themes/hexo/LayoutIndex.js
+++ b/themes/hexo/LayoutIndex.js
@@ -1,10 +1,12 @@
+import BLOG from '@/blog.config'
 import BlogPostListPage from './components/BlogPostListPage'
+import BlogPostListScroll from './components/BlogPostListScroll'
 import Header from './components/Header'
 import CONFIG_HEXO from './config_hexo'
 import LayoutBase from './LayoutBase'
 
 export const LayoutIndex = (props) => {
-  return <LayoutBase {...props} headerSlot={CONFIG_HEXO.HOME_BANNER_ENABLE && <Header {...props}/>}>
-      <BlogPostListPage {...props}/>
+  return <LayoutBase {...props} headerSlot={CONFIG_HEXO.HOME_BANNER_ENABLE && <Header {...props} />}>
+    {BLOG.POST_LIST_STYLE === 'page' ? <BlogPostListPage {...props} /> : <BlogPostListScroll {...props} />}
   </LayoutBase>
 }
diff --git a/themes/medium/LayoutIndex.js b/themes/medium/LayoutIndex.js
index 884b825a..35e80571 100644
--- a/themes/medium/LayoutIndex.js
+++ b/themes/medium/LayoutIndex.js
@@ -1,8 +1,10 @@
+import BLOG from '@/blog.config'
 import BlogPostListPage from './components/BlogPostListPage'
+import BlogPostListScroll from './components/BlogPostListScroll'
 import LayoutBase from './LayoutBase'
 
 export const LayoutIndex = (props) => {
   return <LayoutBase {...props}>
-      <BlogPostListPage {...props}/>
+    {BLOG.POST_LIST_STYLE === 'page' ? <BlogPostListPage {...props} /> : <BlogPostListScroll {...props} />}
   </LayoutBase>
 }
diff --git a/themes/medium/components/BlogPostListScroll.js b/themes/medium/components/BlogPostListScroll.js
index 3b2003df..2c7eafbd 100644
--- a/themes/medium/components/BlogPostListScroll.js
+++ b/themes/medium/components/BlogPostListScroll.js
@@ -74,7 +74,7 @@ const BlogPostListScroll = ({ posts = [], currentSearch }) => {
         <div onClick={() => {
           handleGetMore()
         }}
-          className='w-full my-4 py-4 text-center cursor-pointer glassmorphism shadow-xl rounded-xl dark:text-gray-200'
+          className='w-full my-4 py-4 text-center cursor-pointer dark:text-gray-200'
         > {hasMore ? locale.COMMON.MORE : `${locale.COMMON.NO_MORE} 😰`} </div>
       </div>
     </div>
diff --git a/themes/next/LayoutIndex.js b/themes/next/LayoutIndex.js
index b9ff52b6..896bcd75 100644
--- a/themes/next/LayoutIndex.js
+++ b/themes/next/LayoutIndex.js
@@ -5,6 +5,7 @@ import Card from './components/Card'
 import BlogPostListScroll from './components/BlogPostListScroll'
 import BlogPostListPage from './components/BlogPostListPage'
 import CONFIG_NEXT from './config_next'
+import BLOG from '@/blog.config'
 
 export const LayoutIndex = (props) => {
   const { latestPosts } = props
@@ -15,7 +16,7 @@ export const LayoutIndex = (props) => {
     rightAreaSlot={rightAreaSlot}
     {...props}
   >
-    {CONFIG_NEXT.POST_LIST_TYPE !== 'page'
+    {BLOG.POST_LIST_TYPE !== 'page'
       ? <BlogPostListScroll {...props} showSummary={true} />
       : <BlogPostListPage {...props} />
     }