From a860bb60960f2dd66370a2c73f9d7173e7e329f1 Mon Sep 17 00:00:00 2001
From: TaeeunKim <xodms0309@naver.com>
Date: Thu, 12 Oct 2023 17:46:47 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=8C=93=EA=B8=80=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=82=AC=EC=9D=B4=20=EA=B3=B5=EB=B0=B1=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Recipe/CommentList/CommentList.tsx | 4 ++--
 frontend/src/pages/RecipeDetailPage.tsx                    | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Recipe/CommentList/CommentList.tsx b/frontend/src/components/Recipe/CommentList/CommentList.tsx
index abfef2d9e..5a34feb95 100644
--- a/frontend/src/components/Recipe/CommentList/CommentList.tsx
+++ b/frontend/src/components/Recipe/CommentList/CommentList.tsx
@@ -19,7 +19,7 @@ const CommentList = ({ recipeId }: CommentListProps) => {
   const comments = data.pages.flatMap((page) => page.comments);
 
   return (
-    <>
+    <section>
       <Heading as="h3" size="lg">
         댓글 ({comments.length}개)
       </Heading>
@@ -28,7 +28,7 @@ const CommentList = ({ recipeId }: CommentListProps) => {
         <CommentItem key={comment.id} recipeComment={comment} />
       ))}
       <div ref={scrollRef} style={{ height: '1px' }} aria-hidden />
-    </>
+    </section>
   );
 };
 
diff --git a/frontend/src/pages/RecipeDetailPage.tsx b/frontend/src/pages/RecipeDetailPage.tsx
index da5f050bf..ed68acb7b 100644
--- a/frontend/src/pages/RecipeDetailPage.tsx
+++ b/frontend/src/pages/RecipeDetailPage.tsx
@@ -78,6 +78,7 @@ export const RecipeDetailPage = () => {
           <CommentList recipeId={Number(recipeId)} />
         </Suspense>
       </ErrorBoundary>
+      <Spacing size={108} />
       <CommentForm recipeId={Number(recipeId)} />
       <Spacing size={12} />
     </>