diff --git a/react-whenMeet/package.json b/react-whenMeet/package.json
index 600f87f5fb7656835882ba780874569b60d46f25..dafb6ea7b18bff19ba9b489f9521e02e3c51cfff 100644
--- a/react-whenMeet/package.json
+++ b/react-whenMeet/package.json
@@ -19,7 +19,7 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "export PORT=3001 && react-scripts start",
+    "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
diff --git a/react-whenMeet/src/components/HomeMakeForm.js b/react-whenMeet/src/components/HomeMakeForm.js
index 6656322d2ff8e869789a6f4ec8905b3c26f1c1d5..42755ae2679593dbebc1ef9c3f335962e056125c 100644
--- a/react-whenMeet/src/components/HomeMakeForm.js
+++ b/react-whenMeet/src/components/HomeMakeForm.js
@@ -18,14 +18,14 @@ function HomeMakeForm() {
 
     const handleSubmit = (event) => {
         event.preventDefault();
-        navigate("/MeetingInfo", {state : {title, password}});
+        navigate("/MeetingInfo", { state: { title, password } });
     };
     const isFormValid = title.trim() !== "" && password.trim() !== "";
 
     return (
         <form onSubmit={handleSubmit}>
-            <div className="system-name">언제모임?</div>
             <div className="center-container">
+                <div className="system-name">언제모임?</div>
                 <h1>원하는 약속을 만들어보세요</h1>
                 <Input
                     type="text"
diff --git a/react-whenMeet/src/components/HomeParticipateForm.js b/react-whenMeet/src/components/HomeParticipateForm.js
index c3470bf160e993e84feed0c3bb7f7bc83202a709..6a3cbbdf3b3e2f12a90417f9e6e056e963e60c87 100644
--- a/react-whenMeet/src/components/HomeParticipateForm.js
+++ b/react-whenMeet/src/components/HomeParticipateForm.js
@@ -187,7 +187,7 @@ function HomeParticipateForm() {
     <form>
       <div>
         <h1>투표에 참여하기</h1>
-        <h2> 아이디가 없다면 아래 양식에 맞춰 작성 후 참여하기를 누르세요</h2>
+        <h2 className="h2"> 아이디가 없다면 아래 양식에 맞춰 작성 후 참여하기를 누르세요</h2>
         <Input
           type="text"
           value={name}
diff --git a/react-whenMeet/src/components/MeetingInfoForm.js b/react-whenMeet/src/components/MeetingInfoForm.js
index 8b98be7e1d6725f49413cb184e4e39fc89761246..34cfe383dbd9cccd8c707941f25c1f6d8a257228 100644
--- a/react-whenMeet/src/components/MeetingInfoForm.js
+++ b/react-whenMeet/src/components/MeetingInfoForm.js
@@ -90,7 +90,7 @@ function MeetingInfoForm() {
   };
   return (
     <form onSubmit={handleSubmit}>
-      <div className="center-container">
+      <div className="center-container2">
         <h1>약속 일정 만들기</h1>
         <div className="purpose">
           <h2 className="not-enter">약속 목적 </h2>
diff --git a/react-whenMeet/src/routes/MeetingInfo.js b/react-whenMeet/src/routes/MeetingInfo.js
index af7e843aa8a1e315745c26ae4329f43aff1c6815..1c8031938fa5087b449dbfb24746d36aeb0218f8 100644
--- a/react-whenMeet/src/routes/MeetingInfo.js
+++ b/react-whenMeet/src/routes/MeetingInfo.js
@@ -4,7 +4,7 @@ import '../styles/MeetingInfo.css'
 function MeetingInfo() {
     
     return (
-        <div className="center-container">
+        <div>
             <MeetingInfoForm />
         </div>
     );
diff --git a/react-whenMeet/src/routes/UserTimeInfo.js b/react-whenMeet/src/routes/UserTimeInfo.js
index 82d223a78f0a0e39b7a177d6fd28c34be40ce09a..69275e598d54f2c6649ff958101bd9d6a226b7e9 100644
--- a/react-whenMeet/src/routes/UserTimeInfo.js
+++ b/react-whenMeet/src/routes/UserTimeInfo.js
@@ -194,7 +194,7 @@ function UserTimeInfo() {
   };
 
   return (
-    <div className="center-container">
+    <div className="center-container2">
       <div className="calendarForm">
         <div className="cc1">
           <button
diff --git a/react-whenMeet/src/styles/HomeMake.css b/react-whenMeet/src/styles/HomeMake.css
index 91c9efc5159871c91872320fc5c18672f8f17761..d2114b50981585d9c3bf3443e535d448a5ad8179 100644
--- a/react-whenMeet/src/styles/HomeMake.css
+++ b/react-whenMeet/src/styles/HomeMake.css
@@ -27,9 +27,10 @@ h1 {
 
 .center-container {
   display: flex;
-  flex-direction: column; /* 세로 방향으로 정렬 */
+  flex-direction: column;
   align-items: center;
-  height: 100vh;
+  justify-content: center; /* Add this line to center vertically */
+  min-height: 100vh;
 }
 
 input {
diff --git a/react-whenMeet/src/styles/HomeParticipateForm.css b/react-whenMeet/src/styles/HomeParticipateForm.css
index 3bb970982a5e5caaa32984d524b92dcdb0fdaa72..e476dc0435d214074711a880c9f1d8271dd93723 100644
--- a/react-whenMeet/src/styles/HomeParticipateForm.css
+++ b/react-whenMeet/src/styles/HomeParticipateForm.css
@@ -1,4 +1,4 @@
-h2 {
+h2.h2{
     font-size: 12px;
     font-weight: lighter;
 }
\ No newline at end of file
diff --git a/react-whenMeet/src/styles/MeetingInfo.css b/react-whenMeet/src/styles/MeetingInfo.css
index 0202e5dc6b6033c1273e48c72f296691d2965931..59ff1c19da24a70abcf2f6b562228c3df4cdd531 100644
--- a/react-whenMeet/src/styles/MeetingInfo.css
+++ b/react-whenMeet/src/styles/MeetingInfo.css
@@ -9,7 +9,7 @@ body {
   padding: 0px;
 }
 
-.center-container {
+.center-container2 {
   display: flex;
   flex-direction: column; /* 세로 방향으로 정렬 */
   align-items: center;
diff --git a/react-whenMeet/src/styles/UserTimeInfo.css b/react-whenMeet/src/styles/UserTimeInfo.css
index d64bea4fdee7131eac47cf8fc72c1efc9a8f6354..c974ae6757ecf104e9676abe08bb9e91392c88aa 100644
--- a/react-whenMeet/src/styles/UserTimeInfo.css
+++ b/react-whenMeet/src/styles/UserTimeInfo.css
@@ -4,7 +4,7 @@
   padding: 20px;
   text-align: center;
   align-items: stretch;
-  width: auto;
+  width: 40%;
   margin: 0 auto; /* 가운데 정렬을 위한 추가 */
 }
 .calendarForm .calendar {