diff --git a/src/calendar/Calendar.css b/src/calendar/Calendar.css
index 54bb755..047f64a 100644
--- a/src/calendar/Calendar.css
+++ b/src/calendar/Calendar.css
@@ -20,6 +20,7 @@
 }
 
 .react-datepicker__month {
+  width: 400px;
   font-size: 16px;
   font-family: "Pretendard-Regular";
   font-weight: 400;
diff --git a/src/calendar/Calendarr.module.css b/src/calendar/Calendarr.module.css
index 6cdd270..98005ed 100644
--- a/src/calendar/Calendarr.module.css
+++ b/src/calendar/Calendarr.module.css
@@ -30,10 +30,11 @@
 }
 
 .select_date {
-  width: 600px;
+  /* width: 600px; */
+  width: 400px;
   height: 600px;
   border-radius: 30px;
-  margin-right: 100px;
+  margin-right: 130px;
   text-align: center;
 }
 
@@ -73,7 +74,7 @@
 
 .selected_date,
 .selected_time {
-  margin-left: 80px;
+  margin-left: 130px;
   margin-right: 60px;
   margin-bottom: 22px;
 }
@@ -88,11 +89,12 @@
   padding-bottom: 5px;
   padding-left: 7px;
   border-bottom: 2px solid black;
+  width: 300px;
 }
 
 .timeinput {
   border: none;
-  width: 250px;
+  width: 300px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 7px;