diff --git a/client/src/components/Schedule/ScheduleItem.js b/client/src/components/Schedule/ScheduleItem.js
index 6a16507d91e56c773d9346a63d7b1fff964e4033..55c02fe0a2fc7bce15c69f65bcb24dd66beed8bb 100644
--- a/client/src/components/Schedule/ScheduleItem.js
+++ b/client/src/components/Schedule/ScheduleItem.js
@@ -26,7 +26,7 @@ const ScheduleItem = () => {
                 <p className={`mb-0 ${styles.period}`}>2021.01.151 ~ 2021.09.35</p>
             </button>
             <div id="flush-collapseOne" className="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#scheduleList">
-                <div className={`accordion-body px-0 pt-2 ${styles.textBox}`}>
+                <div className={`accordion-body px-0 pt-2 pb-0 mb-3 ${styles.textBox}`}>
                     <div className="d-flex align-items-start">
                         <i className="col bi bi-geo-alt fs-5"></i>
                         <div className="col-11">
@@ -35,7 +35,7 @@ const ScheduleItem = () => {
                     </div>
                     dlkasjflsajflasjflsakfjlsajflalsafjsask<br />fjlakdjflajflaksj  lksajdlksajs   dslkafjlsakflksjflasjflksjslakjflsakjflsajflsakjlasjflksajlfsja
                     <div className="d-flex justify-content-end mt-3">
-                        <Link className="btn btn-white btn-sm border-dark" to="/schedule/edit">수정</Link>
+                        <Link className="btn btn-light btn-sm border-dark" to="/schedule/edit">수정</Link>
                         <button type="button" className="btn btn-crimson btn-sm ms-2" onClick={delSchedule}>삭제</button>
                     </div>
                 </div>
diff --git a/client/src/components/Schedule/ScheduleList.js b/client/src/components/Schedule/ScheduleList.js
index d0542a0ba6aa1e9c7f4dbba2eec20732070a1834..a9ed5f3f53d530c03c4604e2b46f66d626b555fa 100644
--- a/client/src/components/Schedule/ScheduleList.js
+++ b/client/src/components/Schedule/ScheduleList.js
@@ -3,14 +3,12 @@ import styles from "./schedule.module.scss";
 
 const ScheduleList = () => {
     return (
-        <div className={`accordion accordion-flush ${styles.list}`} id="scheduleList">
-            <Item />
-            <Item />
-            <Item />
-            <Item />
-            <Item />
-            <Item />
-            <Item />
+        <div className={styles.list}>
+            <div className={`accordion accordion-flush`} id="scheduleList">
+                <Item />
+                <Item />
+                <Item />
+            </div>
         </div>
     )
 }
diff --git a/client/src/components/Schedule/schedule.module.scss b/client/src/components/Schedule/schedule.module.scss
index 278f48be68e65d517e3307e5c2c183ea61ece200..c7412544d0290a97a42fb783c902bd1555296665 100644
--- a/client/src/components/Schedule/schedule.module.scss
+++ b/client/src/components/Schedule/schedule.module.scss
@@ -1,5 +1,7 @@
 .list {
+    height: 60vh;
     overflow-y: auto;
+    margin-bottom: 10vh;
 }
 
 .activeBtn {
@@ -33,6 +35,7 @@
     // 숨겨졌을 때
     &[class~="collapsed"] {
         border-bottom: 0;
+
         & .title {
             white-space: nowrap;
             overflow: hidden;
@@ -56,6 +59,7 @@
 .textBox {
     white-space: pre-wrap;
     word-break: break-all;
+    background-color: #fff5f7;
 }
 
 .header {