From 1ccee482c367ef278a44a583d7e0bd8617e84607 Mon Sep 17 00:00:00 2001
From: Taeeun Kim <xodms0309@naver.com>
Date: Thu, 21 Sep 2023 20:30:30 +0900
Subject: [PATCH] =?UTF-8?q?[FE]=20feat:=20=EA=BF=80=EC=A1=B0=ED=95=A9=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=94=94=EC=9E=90=EC=9D=B8=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20(#693)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/RecipePage.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/RecipePage.tsx b/frontend/src/pages/RecipePage.tsx
index be4d66cbc..3d72fdf78 100644
--- a/frontend/src/pages/RecipePage.tsx
+++ b/frontend/src/pages/RecipePage.tsx
@@ -50,17 +50,17 @@ export const RecipePage = () => {
           <SvgIcon variant="search" />
         </Link>
       </TitleWrapper>
+      <Spacing size={12} />
       <ErrorBoundary fallback={ErrorComponent} handleReset={reset}>
         <Suspense fallback={<Loading />}>
-          <SortButtonWrapper>
-            <SortButton option={selectedOption} onClick={handleOpenSortOptionSheet} />
-          </SortButtonWrapper>
           <RecipeListWrapper ref={recipeRef}>
+            <SortButtonWrapper>
+              <SortButton option={selectedOption} onClick={handleOpenSortOptionSheet} />
+            </SortButtonWrapper>
             <RecipeList selectedOption={selectedOption} />
           </RecipeListWrapper>
         </Suspense>
       </ErrorBoundary>
-      <Spacing size={80} />
       <RecipeRegisterButtonWrapper>
         <RegisterButton
           activeLabel={REGISTER_RECIPE}
@@ -101,11 +101,10 @@ const Title = styled(Heading)`
 const SortButtonWrapper = styled.div`
   display: flex;
   justify-content: flex-end;
-  margin: 20px 0;
 `;
 
 const RecipeListWrapper = styled.div`
-  height: calc(100% - 190px);
+  height: calc(100% - 130px);
   overflow-y: auto;
 `;