diff --git a/app/src/components/ProgramTable.tsx b/app/src/components/ProgramTable.tsx
index 544b56e..8e3b0c9 100644
--- a/app/src/components/ProgramTable.tsx
+++ b/app/src/components/ProgramTable.tsx
@@ -64,8 +64,8 @@ export function ProgramTable({ programs }: ProgramTableProps) {
         />
       </div>
 
-      <div className="border border-[var(--border)] rounded-lg overflow-hidden">
-        <table className="w-full text-sm">
+      <div className="border border-[var(--border)] rounded-lg overflow-x-auto">
+        <table className="w-full min-w-[36rem] text-sm">
           <thead>
             <tr className="bg-[var(--card)] border-b border-[var(--border)] text-left">
               <SortHeader label="Name" sortKey="id" current={sortKey} dir={sortDir} onSort={toggleSort} />
diff --git a/app/src/components/ScheduledSection.tsx b/app/src/components/ScheduledSection.tsx
index 6d453da..cf826f3 100644
--- a/app/src/components/ScheduledSection.tsx
+++ b/app/src/components/ScheduledSection.tsx
@@ -16,8 +16,8 @@ export function ScheduledSection({ jobs, statuses }: ScheduledSectionProps) {
   return (
     <section>
       <SectionHeader section="scheduled" />
-      <div className="border border-[var(--border)] rounded-lg overflow-hidden">
-        <table className="w-full text-sm">
+      <div className="border border-[var(--border)] rounded-lg overflow-x-auto">
+        <table className="w-full min-w-[36rem] text-sm">
           <thead>
             <tr className="bg-[var(--card)] border-b border-[var(--border)] text-left">
               <th className="px-3 py-2 font-medium text-[var(--muted)]">Name</th>