diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 77eff6b..a26c021 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -23,13 +23,13 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
 </head>
 
-<body class="min-h-screen bg-base-background text-base-text min-w-[400px] overflow-x-auto h-full">
+<body class="min-h-screen bg-base-background text-base-text min-w-full overflow-x-auto h-full">
 <%= turbo_frame_tag :modals %>
 <main class="flex flex-col h-full" data-controller="sidebar">
   <%= render "partials/header" %>
   <div class="flex flex-row flex-1 w-full">
     <%= render "partials/sidebar" %>
-    <div class="flex-1 h-full pb-4 px-4 md:pl-0">
+    <div class="flex-1 h-full pb-4 px-4 lg:pl-0">
       <div class="flex-1 h-full content">
         <% if flash[:notice] %>
           <div class="rounded px-4 py-2 bg-accept text-white">
diff --git a/app/views/partials/_header.html.erb b/app/views/partials/_header.html.erb
index 8b3e878..443bad4 100644
--- a/app/views/partials/_header.html.erb
+++ b/app/views/partials/_header.html.erb
@@ -6,9 +6,9 @@
     <% end %>
   </div>
 
-  <div data-timer-target="output" class="hidden md:block"></div>
+  <div data-timer-target="output" class="hidden lg:block"></div>
 
-  <button data-action="click->sidebar#toggle" class="block md:hidden p-2 cursor-pointer">
+  <button data-action="click->sidebar#toggle" class="block lg:hidden p-2 cursor-pointer">
     <i class="fa-solid fa-bars text-2xl"></i>
   </button>
 </header>
diff --git a/app/views/partials/_modals_open.html.erb b/app/views/partials/_modals_open.html.erb
index 656e192..539cea7 100644
--- a/app/views/partials/_modals_open.html.erb
+++ b/app/views/partials/_modals_open.html.erb
@@ -1,5 +1,5 @@
 <%= turbo_frame_tag :modals do %>
-  <div class="relative z-40" aria-labelledby="modal-title" role="dialog" aria-modal="true">
+  <div class="relative z-50" aria-labelledby="modal-title" role="dialog" aria-modal="true">
     <!--
       Background backdrop, show/hide based on modal state.
 
@@ -12,7 +12,7 @@
     -->
     <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-4">
+    <div class="fixed inset-0 z-50 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-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 id="modals-panel" class="p-4 space-y-4 z-50 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/_sidebar.html.erb b/app/views/partials/_sidebar.html.erb
index 251b7b0..8ef70df 100644
--- a/app/views/partials/_sidebar.html.erb
+++ b/app/views/partials/_sidebar.html.erb
@@ -1,5 +1,5 @@
-<div data-sidebar-target="overlay" data-action="click->sidebar#close" class="fixed inset-0 bg-black/50 z-40 hidden md:hidden"></div>
-<nav class="side-bar overflow-y-auto transition-transform md:translate-x-0 -translate-x-full fixed md:relative top-0 left-0 h-full bg-base-background z-50" data-sidebar-target="menu">
+<div data-sidebar-target="overlay" data-action="click->sidebar#close" class="fixed inset-0 bg-black/50 z-40 hidden lg:hidden"></div>
+<nav class="side-bar overflow-y-auto transition-transform lg:translate-x-0 -translate-x-full fixed lg:relative top-0 left-0 h-full bg-base-background z-40" data-sidebar-target="menu">
   <div class="menu-group">
     <div class="menu-group-icon">
       <i class="fa-solid fa-house text-base-text/30 text-4xl"></i>
diff --git a/app/views/partials/modals/_add_schedule.html.erb b/app/views/partials/modals/_add_schedule.html.erb
index ed8c237..dca4c46 100644
--- a/app/views/partials/modals/_add_schedule.html.erb
+++ b/app/views/partials/modals/_add_schedule.html.erb
@@ -7,7 +7,7 @@
       <tr>
         <th>시간</th>
         <th>분</th>
-        <th>사용여부</th>
+        <th>ON/OFF</th>
         <th>온도</th>
       </tr>
       </thead>
@@ -17,7 +17,7 @@
           <%= form.select :hour,
                           options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, @schedule.hour),
                           {},
-                          class: "input-style" %>
+                          class: "select-style text-white" %>
         </td>
         <td>
           <%= form.number_field :minute,
diff --git a/app/views/schedules/schedule_edit.html.erb b/app/views/schedules/schedule_edit.html.erb
index 6cfa9b7..d768f3b 100644
--- a/app/views/schedules/schedule_edit.html.erb
+++ b/app/views/schedules/schedule_edit.html.erb
@@ -7,54 +7,61 @@
           <div class="text-2xl font-bold"><%= @controller.name %> 컨트롤러</div>
           <%= submit_tag "업데이트", class: "btn bg-primary" %>
         </div>
-        <ul class="divide-y divide-base-border whitespace-nowrap">
-          <% @schedule.each do |s| %>
-            <li class="flex justify-between items-center px-4 py-2 space-x-4">
-              <div class="flex items-center space-x-4 basis-3/5">
-                <!-- 시간 -->
-                <div class="flex flex-col md:flex-row basis-2/3 items-center space-x-0 space-y-2 md:space-x-4 md:space-y-0">
-                  <div class="text-white text-left w-full md:w-auto">시간</div>
-                  <div class="text-xl flex items-center space-x-1 w-full">
-                    <%= select_tag "schedule[#{s.id}][hour]",
-                                   options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
-                                   class: "select-style text-white" %>
-                    <div>:</div>
-                    <%= number_field_tag "schedule[#{s.id}][minute]", s.minute, min: 0, max: 59, step: 1, inputmode: "decimal", class: "input-style" %>
-                  </div>
-                </div>
-
-                <!-- 온도 -->
-                <div class="flex flex-col md:flex-row basis-2/5 items-center space-x-0 space-y-2 md:space-x-4 md:space-y-0">
-                  <div class="text-white text-left w-full md:w-auto">온도</div>
-                  <div class="text-xl flex items-center space-x-2">
-                    <div>
-                      <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, step: "0.1", inputmode: "decimal", class: "input-style" %>
+        <ul class="divide-y divide-base-border whitespace-nowrap h-full relative">
+          <% if @schedule.present? %>
+            <% @schedule.each do |s| %>
+              <li class="flex justify-between items-stretch px-4 py-2 space-x-4 h-full relative">
+                <div class="flex items-center space-x-4 basis-3/5 h-full">
+                  <!-- 시간 -->
+                  <div class="flex flex-col lg:flex-row basis-2/5 h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                    <div class="text-white text-left w-full lg:w-auto">시간</div>
+                    <div class="text-xl flex items-center space-x-1 w-full">
+                      <%= select_tag "schedule[#{s.id}][hour]",
+                                     options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
+                                     class: "select-style text-white min-w-[68px]" %>
+                      <div>:</div>
+                      <%= number_field_tag "schedule[#{s.id}][minute]",
+                                           s.minute, min: 0, max: 59, step: 1, inputmode: "decimal",
+                                           class: "input-style min-w-[68px]" %>
+                    </div>
+                  </div>
+
+                  <!-- 온도 -->
+                  <div class="flex flex-col lg:flex-row basis-2/5 h-full items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0">
+                    <div class="text-white text-left w-full lg:w-auto">온도</div>
+                    <div class="text-xl flex items-center space-x-2">
+                      <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, step: "0.1", inputmode: "decimal", class: "input-style min-w-[78px]" %>
+                      <div class="text-white text-xl leading-8">°C</div>
                     </div>
-                    <div class="text-white text-xl leading-8">°C</div>
                   </div>
                 </div>
-              </div>
 
-              <div class="flex items-center space-x-6 basis-1/3 justify-end">
+                <div class="flex items-center space-x-4 basis-2/5 justify-end h-full">
                 <!-- 사용 여부 -->
-                <div class="flex flex-col md:flex-row items-center space-x-0 space-y-2 md:space-x-4 md:space-y-0">
-                  <div class="text-white">사용여부</div>
-                  <label class="relative inline-flex items-center cursor-pointer">
-                    <%= check_box_tag "schedule[#{s.id}][is_active]", "1", s.is_active == true || s.is_active == 1, class: "sr-only peer" %>
-                    <div class="toggle_style"></div>
-                    <div class="toggle_btn"></div>
-                  </label>
-                </div>
+                  <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full">
+                    <div class="text-white">ON/OFF</div>
+                    <label class="relative inline-flex items-center cursor-pointer h-full">
+                      <%= check_box_tag "schedule[#{s.id}][is_active]", "1", s.is_active == true || s.is_active == 1, class: "sr-only peer" %>
+                      <div class="toggle_style"></div>
+                      <div class="toggle_btn"></div>
+                    </label>
+                  </div>
 
-                <!-- 삭제 -->
-                <%= link_to "삭제", schedule_path(s),
-                            data: {
-                              turbo_method: :delete,
-                              turbo_confirm: "정말 삭제하시겠습니까?"
-                            },
-                            class: "btn bg-danger text-sm" %>
-              </div>
-            </li>
+                  <!-- 삭제 -->
+                  <div class="flex flex-col lg:flex-row items-center space-x-0 space-y-2 lg:space-x-4 lg:space-y-0 h-full relative">
+                    <div class="text-white">&nbsp;</div>
+                    <%= link_to schedule_path(s),
+                                data: { turbo_method: :delete, turbo_confirm: "정말 삭제하시겠습니까?" },
+                                class: "btn bg-danger text-sm flex items-center px-2 py-0 my-2 lg:px-4 lg:py-2 lg:my-0" do %>
+                      <div class="hidden lg:block">삭제</div>
+                      <div class="block lg:hidden"><i class="fa-solid fa-xmark"></i></div>
+                    <% end %>
+                  </div>
+                </div>
+              </li>
+            <% end %>
+          <% else %>
+            <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
           <% end %>
         </ul>
       </div>
diff --git a/app/views/schedules/view.html.erb b/app/views/schedules/view.html.erb
index ab7db0e..27290a0 100644
--- a/app/views/schedules/view.html.erb
+++ b/app/views/schedules/view.html.erb
@@ -6,44 +6,48 @@
         <%= link_to "수정", schedule_edit_schedule_path(@controller.id), class: "btn bg-default-slate" %>
       </div>
       <ul class="divide-y divide-base-border">
-      <% @schedule.each do |s| %>
-        <li class="flex justify-between items-center px-4 py-2 space-x-4">
-          <div class="flex items-center space-x-6">
-            <!-- 시간 -->
-            <div class="flex flex-col md:flex-row items-baseline space-x-2">
-              <div class="text-white">시간</div>
-              <div class="text-3xl flex items-baseline space-x-1">
-                <div><%= s.hour.to_s.rjust(2, '0') %></div>
-                <div>:</div>
-                <div><%= s.minute.to_s.rjust(2, '0') %></div>
-              </div>
-            </div>
+        <% if @schedule.present? %>
+          <% @schedule.each do |s| %>
+            <li class="flex justify-between items-center px-4 py-2 space-x-4">
+              <div class="flex items-center space-x-6">
+                <!-- 시간 -->
+                <div class="flex flex-col lg:flex-row items-baseline space-x-2">
+                  <div class="text-white">시간</div>
+                  <div class="text-3xl flex items-baseline space-x-1">
+                    <div><%= s.hour.to_s.rjust(2, '0') %></div>
+                    <div>:</div>
+                    <div><%= s.minute.to_s.rjust(2, '0') %></div>
+                  </div>
+                </div>
 
-            <!-- 온도 -->
-            <div class="flex flex-col md:flex-row items-baseline space-x-4">
-              <div class="text-white">온도</div>
-              <div class="text-3xl flex items-end space-x-2">
-                <div><%= s.temperature %></div>
-                <div class="text-white text-xl leading-8">°C</div>
+                <!-- 온도 -->
+                <div class="flex flex-col lg:flex-row items-baseline space-x-4">
+                  <div class="text-white">온도</div>
+                  <div class="text-3xl flex items-end space-x-2">
+                    <div><%= s.temperature %></div>
+                    <div class="text-white text-xl leading-8">°C</div>
+                  </div>
+                </div>
               </div>
-            </div>
-          </div>
 
-          <!-- 사용 여부 -->
-          <div class="flex flex-col md:flex-row items-baseline space-x-4">
-            <div class="text-white mb-1">사용여부</div>
-            <div class="text-3xl">
-              <%#= s.is_active %>
-              <% if s.is_active %>
-                <i class="fa-solid fa-check text-notice"></i>
-              <% else %>
-                <i class="fa-solid fa-xmark text-danger"></i>
-              <% end %>
-            </div>
-          </div>
-        </li>
-      <% end %>
-    </ul>
+              <!-- 사용 여부 -->
+              <div class="flex flex-col lg:flex-row items-baseline space-x-4">
+                <div class="text-white mb-1">ON/OFF</div>
+                <div class="text-3xl">
+                  <%#= s.is_active %>
+                  <% if s.is_active %>
+                    <i class="fa-solid fa-check text-notice"></i>
+                  <% else %>
+                    <i class="fa-solid fa-xmark text-danger"></i>
+                  <% end %>
+                </div>
+              </div>
+            </li>
+          <% end %>
+        <% else %>
+          <li class="text-center p-4 w-full">저장된 스케줄이 없습니다.</li>
+        <% end %>
+      </ul>
 
       <!--      <table class="base-table">-->
       <!--        <thead>-->
