diff --git a/themes/fukasawa/components/ArticleDetail.js b/themes/fukasawa/components/ArticleDetail.js
index 961e3e40..65af8400 100644
--- a/themes/fukasawa/components/ArticleDetail.js
+++ b/themes/fukasawa/components/ArticleDetail.js
@@ -12,10 +12,11 @@ import ArticleAround from './ArticleAround'
  */
 export default function ArticleDetail(props) {
   const { post, prev, next } = props
+  const { locale } = useGlobal()
+
   if (!post) {
     return <></>
   }
-  const { locale } = useGlobal()
   const date = formatDate(post?.date?.start_date || post?.createdTime, locale.LOCALE)
   return (
     <div id="container" className="max-w-5xl overflow-x-auto flex-grow mx-auto w-screen md:w-full ">
@@ -26,7 +27,7 @@ export default function ArticleDetail(props) {
         </div>
       )}
       <article itemScope itemType="https://schema.org/Movie"
-        className="subpixel-antialiased scroll-hidden py-10 px-5 lg:pt-24 md:px-32  dark:border-gray-700 bg-white dark:bg-hexo-black-gray"
+        className="subpixel-antialiased overflow-y-hidden py-10 px-5 lg:pt-24 md:px-32  dark:border-gray-700 bg-white dark:bg-hexo-black-gray"
       >
 
         <header className='animate__slideInDown animate__animated'>
diff --git a/themes/hexo/LayoutSlug.js b/themes/hexo/LayoutSlug.js
index 9e1d8aa4..12799877 100644
--- a/themes/hexo/LayoutSlug.js
+++ b/themes/hexo/LayoutSlug.js
@@ -51,7 +51,7 @@ export const LayoutSlug = props => {
 
         {!lock && <div id="container" className="overflow-x-auto flex-grow mx-auto md:w-full md:px-5 ">
 
-          <article itemScope itemType="https://schema.org/Movie" className="subpixel-antialiased scroll-hidden" >
+          <article itemScope itemType="https://schema.org/Movie" className="subpixel-antialiased overflow-y-hidden" >
             {/* Notion文章主体 */}
             <section id='notion-article' className='px-5 justify-center mx-auto max-w-2xl lg:max-w-full'>
               {post && <NotionPage post={post} />}
diff --git a/themes/matery/LayoutSlug.js b/themes/matery/LayoutSlug.js
index 1d3a7e48..02fc3060 100644
--- a/themes/matery/LayoutSlug.js
+++ b/themes/matery/LayoutSlug.js
@@ -64,7 +64,7 @@ export const LayoutSlug = props => {
                             </>}
 
                             <div className='lg:px-10 '>
-                                <article itemScope itemType="https://schema.org/Movie" className="subpixel-antialiased scroll-hidden" >
+                                <article itemScope itemType="https://schema.org/Movie" className="subpixel-antialiased overflow-y-hidden" >
                                     {/* Notion文章主体 */}
                                     <section id='notion-article'
                                         data-aos-delay="200"
diff --git a/themes/next/components/ArticleDetail.js b/themes/next/components/ArticleDetail.js
index 763141a1..65419194 100644
--- a/themes/next/components/ArticleDetail.js
+++ b/themes/next/components/ArticleDetail.js
@@ -35,7 +35,7 @@ export default function ArticleDetail(props) {
 
             className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full ">
             <div itemScope itemType="https://schema.org/Movie"
-                className="subpixel-antialiased scroll-hidden py-10 px-5 lg:pt-24 md:px-24  dark:border-gray-700 bg-white dark:bg-hexo-black-gray"
+                className="subpixel-antialiased overflow-y-hidden py-10 px-5 lg:pt-24 md:px-24  dark:border-gray-700 bg-white dark:bg-hexo-black-gray"
             >
 
                 {showArticleInfo && <header className='animate__slideInDown animate__animated'>