diff --git a/src/pages/juniorPromiseRequest/components/CalendarBottomSheet.tsx b/src/pages/juniorPromiseRequest/components/CalendarBottomSheet.tsx
index 9cdb6b6f..d33817c8 100644
--- a/src/pages/juniorPromiseRequest/components/CalendarBottomSheet.tsx
+++ b/src/pages/juniorPromiseRequest/components/CalendarBottomSheet.tsx
@@ -103,12 +103,12 @@ const Background = styled.div<{ $isCalendarOpen: boolean }>`
   left: 50%;
   z-index: 2;
 
-  transform: translate(-50%, -50%);
-
   width: 100%;
   height: 100dvh;
 
   background: ${({ theme }) => theme.colors.transparentBlack_65};
+
+  transform: translate(-50%, -50%);
 `;
 
 const BottomSheetWrapper = styled.div<{ $isCalendarOpen: boolean }>`
@@ -121,7 +121,7 @@ const BottomSheetWrapper = styled.div<{ $isCalendarOpen: boolean }>`
   z-index: 4;
 
   width: 100%;
-  height: 100vh;
+  height: 100dvh;
   padding: 3.8rem 0 0;
   border-radius: 16px 16px 0 0;