diff --git a/react-whenMeet/src/styles/UserTimeInfo.css b/react-whenMeet/src/styles/UserTimeInfo.css
index f4868b584a0f9181835bf29e245c634ac6cf8fd6..26416ceca9384825db3426fce86bc06a5e8f8e53 100644
--- a/react-whenMeet/src/styles/UserTimeInfo.css
+++ b/react-whenMeet/src/styles/UserTimeInfo.css
@@ -3,6 +3,9 @@
   flex-direction: column;
   padding: 20px;
   text-align: center;
+  align-items: stretch;
+  width: auto;
+  margin: 0 auto; /* 가운데 정렬을 위한 추가 */
 }
 .calendarForm .calendar {
   height: auto;
@@ -36,3 +39,14 @@
 .cld .calendar .header h2 button {
   width: 30%;
 }
+
+@media (max-width: 768px) {
+  form {
+    width: 80%;
+  }
+}
+@media (max-width: 576px) {
+  form {
+    width: 90%;
+  }
+}