diff --git a/app/views/partials/_modals_open.html.erb b/app/views/partials/_modals_open.html.erb
index 4631890..656e192 100644
--- a/app/views/partials/_modals_open.html.erb
+++ b/app/views/partials/_modals_open.html.erb
@@ -10,9 +10,9 @@
         From: "opacity-100"
         To: "opacity-0"
     -->
-    <div id="modals-backdrop" class="fixed inset-0 bg-default-slate-dark transition-opacity opacity-0 ease-out duration-500" aria-hidden="true"></div>
+    <div id="modals-backdrop" class="fixed inset-0 bg-base-background transition-opacity opacity-0 ease-out duration-500" aria-hidden="true"></div>
 
-    <div class="fixed inset-0 z-40 w-screen overflow-y-auto py-8">
+    <div class="fixed inset-0 z-40 w-screen overflow-y-auto py-4">
       <div class="flex min-h-full items-center justify-center text-center sm:items-center">
         <!--
           Modal panel, show/hide based on modal state.
@@ -24,7 +24,7 @@
             From: "opacity-100 translate-y-0 sm:scale-100"
             To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
         -->
-        <div id="modals-panel" class="p-4 space-y-4 z-40 relative transform overflow-hidden rounded-md bg-white text-left shadow-xl transition-all w-full max-w-full mx-2 sm:mx-10 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95 ease-out duration-500" data-controller="modals" data-action="modals:click:outside->modals#close">
+        <div id="modals-panel" class="p-4 space-y-4 z-40 relative transform overflow-hidden rounded-md bg-base-secondary text-left shadow-xl transition-all w-full max-w-full mx-2 sm:mx-10 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95 ease-out duration-500" data-controller="modals" data-action="modals:click:outside->modals#close">
           <div>
             <%= render "partials/modals/#{type}" %>
           </div>
diff --git a/app/views/partials/modals/_add_schedule.html.erb b/app/views/partials/modals/_add_schedule.html.erb
index db25ecd..ed8c237 100644
--- a/app/views/partials/modals/_add_schedule.html.erb
+++ b/app/views/partials/modals/_add_schedule.html.erb
@@ -1,7 +1,7 @@
-<%= form_with model: @schedule, method: :post, data: { turbo: false }, class: 'flex flex-col h-full divide-y divide-border-table-border' do |form| %>
+<%= form_with model: @schedule, method: :post, data: { turbo: false }, class: 'flex flex-col h-full space-y-4' do |form| %>
   <%= form.hidden_field :controller_id, value: params[:id] %>
-  <div class="flex-1 p-4">
-    <span class="text-2xl font-bold"><%= Controller.find(params[:id]).name %> 컨트롤러</span>
+  <div class="flex-1 text-white space-y-4">
+    <div class="text-2xl font-bold"><%= Controller.find(params[:id]).name %> 컨트롤러</div>
     <table class="base-table">
       <thead>
       <tr>
@@ -35,7 +35,7 @@
     </table>
   </div>
 
-  <div class="flex p-4">
+  <div class="flex">
     <%= submit_tag "추가", class: "btn bg-primary" %>
   </div>
 <% end %>