diff --git a/resources/js/pages/admin/academic-classes/schedules/index.tsx b/resources/js/pages/admin/academic-classes/schedules/index.tsx
index e04c140..aca0193 100644
--- a/resources/js/pages/admin/academic-classes/schedules/index.tsx
+++ b/resources/js/pages/admin/academic-classes/schedules/index.tsx
@@ -131,14 +131,14 @@ export default function ScheduleIndex({
                         Belum ada data jadwal.
                     </p>
                 ) : (
-                    <div className="flex flex-1 gap-4 overflow-x-auto pb-2">
+                    <div className="flex flex-1 flex-col gap-4 pb-2 md:flex-row md:overflow-x-auto">
                         {columns.map((day) => {
                             const items = grouped.get(day) ?? [];
 
                             return (
                                 <div
                                     key={day}
-                                    className="flex w-72 shrink-0 flex-col gap-3"
+                                    className="flex w-full shrink-0 flex-col gap-3 border-b pb-6 last:border-b-0 last:pb-0 md:w-72 md:border-b-0 md:pb-0"
                                 >
                                     <div className="flex items-center justify-between rounded-md bg-muted px-3 py-2">
                                         <span className="text-sm font-semibold">