diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.html
index 84d8abf8..be93d414 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.html
@@ -21,11 +21,12 @@
   </div>
   <ul class="event-info">
     <li class="event-date bg-accent-brightest">
-      <span class="bg-accent-dark">날짜</span
+      <span class="text-accent-darkest">날짜</span
       >{{ date | ucapDate: 'YYYY.MM.DD' }}
     </li>
     <li class="event-time bg-accent-brightest">
-      <span class="bg-accent-dark">시간</span>{{ date | ucapDate: 'a hh:mm' }}
+      <span class="text-accent-darkest">시간</span
+      >{{ date | ucapDate: 'a hh:mm' }}
     </li>
     <li class="event-content">
       {{ message.sentMessageJson.title }}
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.scss
index 9ef0a9b3..c774bd49 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.scss
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.scss
@@ -3,10 +3,11 @@
   text-align: left;
   padding: 4px;
   .event-header {
-    padding: 10px 10px 10px 36px;
+    padding: 10px;
     font-size: 14px;
     font-weight: 600;
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
+    text-align: center;
+    //background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: 10px center;
     border-radius: 3px 3px 0 0;
@@ -18,6 +19,7 @@
     border-radius: 0 0 6px 6px;
     background-color: #ffffff;
     li {
+      color: #333333;
       &.event-title {
         margin-bottom: 10px;
         padding-bottom: 10px;
@@ -37,6 +39,7 @@
           justify-content: center;
           font-size: 0.96em;
           margin-bottom: 2px;
+          color: #777777;
         }
       }
       &.event-content {