diff --git a/src/features/minihome/MiniHome.tsx b/src/features/minihome/MiniHome.tsx
index 989240c..2f72345 100644
--- a/src/features/minihome/MiniHome.tsx
+++ b/src/features/minihome/MiniHome.tsx
@@ -51,7 +51,7 @@ export default function MiniHome({ windowId, ownerId, tab = MINIHOME_TABS.home }
           </Tabs.Trigger>
         ))}
       </Tabs.List>
-      <Tabs.Content value={MINIHOME_TABS.home}>
+      <Tabs.Content value={MINIHOME_TABS.home} className="min-h-0 flex-1">
         <Activity>
           <HomePage ownerId={ownerId} setActiveTab={setActiveTab} />
         </Activity>
diff --git a/src/features/minihome/home/HomePage.tsx b/src/features/minihome/home/HomePage.tsx
index 43a1425..4c9292c 100644
--- a/src/features/minihome/home/HomePage.tsx
+++ b/src/features/minihome/home/HomePage.tsx
@@ -50,6 +50,7 @@ export default function HomePage({
   const [posts, setPosts] = useState<GalleryPost[]>([]);
 
   useEffect(() => {
+    setPosts([]);
     const fetchHomePage = async () => {
       try {
         if (!user) {
@@ -134,13 +135,13 @@ export default function HomePage({
           setImages(mappedImages);
         }
 
-        // 게시물 정보 가져오기 (최근 3개)
+        // 게시물 정보 가져오기 (최근 6개)
         const { data: postRows, error: postError } = await supabase
           .from("homepage_posts")
           .select("id, title, created_at, visibility")
           .eq("homepage_id", homepage.id)
           .order("created_at", { ascending: false })
-          .limit(3);
+          .limit(6);
 
         if (postError) {
           throw postError;
@@ -228,18 +229,18 @@ export default function HomePage({
   };
 
   return (
-    <div className="flex p-3">
+    <div className="@container flex h-full min-h-0 items-stretch p-3">
       {/* 왼쪽 프로필 영역 */}
-      <div className="mr-3 flex w-1/3 flex-col items-center">
+      <div className="mr-3 flex h-full w-1/3 flex-col items-center @2xl:justify-center">
         {/* 프로필 이미지 */}
 
-        <Avatar src={avatarUrl} />
+        <Avatar src={avatarUrl} className="h-32 w-32 @2xl:h-64 @2xl:w-64" />
 
         {/* 이름 */}
         <p className="mt-4 text-lg text-[#342b4e]">{nickname}</p>
 
         {/* 소개글 */}
-        <div className="bevel-pressed relative mt-4 flex h-2/3 w-full justify-center bg-white p-4 text-center text-xs leading-relaxed text-[#2D2640]">
+        <div className="bevel-pressed relative mt-4 flex h-2/3 w-full justify-center overflow-y-auto bg-white p-3 text-center text-xs leading-relaxed text-[#2D2640] @2xl:h-20">
           <p>{bio}</p>
         </div>
 
@@ -267,7 +268,7 @@ export default function HomePage({
       </div>
 
       {/* 오른쪽 콘텐츠 */}
-      <div className="flex w-2/3 flex-col gap-3">
+      <div className="scrollbar flex h-full min-h-0 w-2/3 flex-col gap-3 overflow-y-auto pr-2">
         {/* 사진첩 */}
         <div className="bevel-pressed bg-white p-4 text-[#2D2640]">
           <div className="mb-3 flex items-center justify-between">
@@ -315,10 +316,13 @@ export default function HomePage({
           </div>
 
           <ul className="flex flex-1 flex-col text-xs text-[#3d3462]">
-            {posts.map((post) => (
+            {posts.map((post, index) => (
               <li
                 key={post.id}
-                className="mr-3 flex flex-1 items-center justify-between border-b border-[#d7ccef] py-2 last:border-0 hover:bg-[#e9e0ff]"
+                className={twMerge(
+                  "mr-3 flex flex-1 items-center justify-between border-b border-[#d7ccef] py-2 last:border-0 hover:bg-[#e9e0ff]",
+                  index >= 3 && "hidden @2xl:flex"
+                )}
               >
                 <span className="pl-3">{post.title}</span>
                 <div className="flex items-center gap-3 text-[#6b5fa0]">