From 8c61fe399c57b6194fa9c54d12a68a5f5b072faa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=9C=A4=EA=B2=BD?=
 <148832727+Yoon-kyungLee@users.noreply.github.com>
Date: Fri, 31 May 2024 22:22:46 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=EC=BA=98=EB=A6=B0=EB=8D=94=20height=20?=
 =?UTF-8?q?=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95=20(#372)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DeadlineDropdown/DeadlineDropdown.tsx     | 31 +++++++++++--------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/co-kkiri/src/components/commons/DropDowns/DeadlineDropdown/DeadlineDropdown.tsx b/co-kkiri/src/components/commons/DropDowns/DeadlineDropdown/DeadlineDropdown.tsx
index 787a028b..c682a277 100644
--- a/co-kkiri/src/components/commons/DropDowns/DeadlineDropdown/DeadlineDropdown.tsx
+++ b/co-kkiri/src/components/commons/DropDowns/DeadlineDropdown/DeadlineDropdown.tsx
@@ -34,13 +34,15 @@ export default function DeadlineDropdown({ placeholder, selectedOption, onChange
       />
       {isOpen && (
         <CalendarWrapper>
-          <Calendar
-            mode="single"
-            selected={selectedOption ? new Date(selectedOption) : undefined}
-            onSelect={handleSelectDate}
-            initialFocus
-            className="scale-125"
-          />
+          <CalendarBox>
+            <Calendar
+              mode="single"
+              selected={selectedOption ? new Date(selectedOption) : undefined}
+              onSelect={handleSelectDate}
+              initialFocus
+              className="scale-125"
+            />
+          </CalendarBox>
         </CalendarWrapper>
       )}
     </Container>
@@ -66,14 +68,8 @@ const Container = styled.div`
     width: 32rem;
   }
 `;
-
 const CalendarWrapper = styled.div`
   position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 21rem;
-  height: 24.2rem;
   top: 5.4rem;
   left: 0;
   background-color: white;
@@ -81,3 +77,12 @@ const CalendarWrapper = styled.div`
   border: 0.1rem solid ${color.gray[2]};
   ${zIndex.dropdown}
 `;
+
+const CalendarBox = styled.div`
+  width: 21rem;
+  height: fit-content;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 3rem;
+`;