diff --git a/PlanTempus.Application/Features/Employees/Components/EmployeeWorkSchedule/Default.cshtml b/PlanTempus.Application/Features/Employees/Components/EmployeeWorkSchedule/Default.cshtml
index aa04b71..2562270 100644
--- a/PlanTempus.Application/Features/Employees/Components/EmployeeWorkSchedule/Default.cshtml
+++ b/PlanTempus.Application/Features/Employees/Components/EmployeeWorkSchedule/Default.cshtml
@@ -38,7 +38,8 @@
     </swp-schedule-actions>
 
     <!-- Schedule table -->
-    <swp-schedule-table id="scheduleTable">
+    <swp-schedule-scroll>
+        <swp-schedule-table id="scheduleTable">
         <!-- Header row -->
         <swp-schedule-cell class="header week-number">@Model.LabelWeek @Model.WeekNumber</swp-schedule-cell>
         @foreach (var day in Model.Days)
@@ -70,7 +71,8 @@
                 </swp-schedule-cell>
             }
         }
-    </swp-schedule-table>
+        </swp-schedule-table>
+    </swp-schedule-scroll>
 </swp-schedule-container>
 
 <!-- Schedule Drawer -->
diff --git a/PlanTempus.Application/wwwroot/css/employees.css b/PlanTempus.Application/wwwroot/css/employees.css
index 46c5202..e39cb52 100644
--- a/PlanTempus.Application/wwwroot/css/employees.css
+++ b/PlanTempus.Application/wwwroot/css/employees.css
@@ -879,12 +879,23 @@ swp-data-row.focus-highlight {
   }
 }
 
+/* ===========================================
+   SCHEDULE SCROLL CONTAINER
+   =========================================== */
+swp-schedule-scroll {
+  display: block;
+  width: 800px;
+  margin: 0 auto;
+  overflow-x: auto;
+}
+
 /* ===========================================
    WORK SCHEDULE TABLE
    =========================================== */
 swp-schedule-table {
   display: grid;
   grid-template-columns: 180px repeat(7, minmax(100px, 1fr));
+  width: max-content;
   border-radius: var(--radius-md);
   overflow: hidden;
   border: 1px solid var(--color-border);