From 166bdaab50674aa1252807c3dc15b7f1e1261435 Mon Sep 17 00:00:00 2001
From: miteruzo <miteruzo@naver.com>
Date: Wed, 8 Apr 2026 22:23:23 +0900
Subject: [PATCH] #304

---
 frontend/src/components/layout/MainArea.tsx       | 3 +--
 frontend/src/pages/materials/MaterialBasePage.tsx | 3 ++-
 frontend/src/pages/posts/PostDetailPage.tsx       | 3 ++-
 frontend/src/pages/posts/PostListPage.tsx         | 5 ++++-
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/layout/MainArea.tsx b/frontend/src/components/layout/MainArea.tsx
index 8839ebc..273793d 100644
--- a/frontend/src/components/layout/MainArea.tsx
+++ b/frontend/src/components/layout/MainArea.tsx
@@ -8,8 +8,7 @@ type Props = {
 
 
 export default (({ children, className }: Props) => (
-    <main className={cn ('flex-1 overflow-y-auto p-4',
-			 'md:h-[calc(100dvh-88px)] md:overflow-y-auto',
+    <main className={cn ('flex-1 overflow-y-auto p-4 md:h-[calc(100dvh-88px)]',
 			 className)}>
       {children}
     </main>)) satisfies FC<Props>
diff --git a/frontend/src/pages/materials/MaterialBasePage.tsx b/frontend/src/pages/materials/MaterialBasePage.tsx
index 69d6a33..467ef58 100644
--- a/frontend/src/pages/materials/MaterialBasePage.tsx
+++ b/frontend/src/pages/materials/MaterialBasePage.tsx
@@ -6,7 +6,8 @@ import type { FC } from 'react'
 
 
 export default (() => (
-    <div className="md:flex md:flex-1 md:h-[calc(100dvh-88px)]">
+    <div className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden
+		    md:h-[calc(100dvh-88px)]">
       <MaterialSidebar/>
       <Outlet/>
     </div>)) satisfies FC
diff --git a/frontend/src/pages/posts/PostDetailPage.tsx b/frontend/src/pages/posts/PostDetailPage.tsx
index a15f035..518b914 100644
--- a/frontend/src/pages/posts/PostDetailPage.tsx
+++ b/frontend/src/pages/posts/PostDetailPage.tsx
@@ -93,7 +93,8 @@ export default (({ user }: Props) => {
 		       : 'bg-gray-500 hover:bg-gray-600')
 
   return (
-      <div className="md:flex md:flex-1 md:h-[calc(100dvh-88px)]">
+      <div className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden
+		      md:h-[calc(100dvh-88px)]">
 	<Helmet>
 	  {(post?.thumbnail || post?.thumbnailBase) && (
 	      <meta name="thumbnail" content={post.thumbnail || post.thumbnailBase}/>)}
diff --git a/frontend/src/pages/posts/PostListPage.tsx b/frontend/src/pages/posts/PostListPage.tsx
index 8fc4ba8..979c75e 100644
--- a/frontend/src/pages/posts/PostListPage.tsx
+++ b/frontend/src/pages/posts/PostListPage.tsx
@@ -69,7 +69,10 @@ export default (() => {
   }, [location.search])
 
   return (
-      <div className="md:flex md:flex-1 md:h-[calc(100dvh-88px)]" ref={containerRef}>
+      <div
+	  className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden
+		     md:h-[calc(100dvh-88px)]"
+	  ref={containerRef}>
 	<Helmet>
 	  <title>
 	    {tags.length