From 6739a53fa881f506ddf5b1609e30d9a6022ac32c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Mon, 2 Feb 2026 02:13:03 +0000
Subject: [PATCH] Fix table horizontal overflow - add scroll and min-width

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/DeploymentsTable.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/DeploymentsTable.tsx b/src/components/DeploymentsTable.tsx
index dff35b0..e77e39e 100644
--- a/src/components/DeploymentsTable.tsx
+++ b/src/components/DeploymentsTable.tsx
@@ -292,8 +292,8 @@ export function DeploymentsTable({ deployments, isLoading, onRefresh }: Deployme
       </div>
 
       {/* Table */}
-      <div className="bg-white dark:bg-stone-900 rounded-xl border border-slate-200 dark:border-stone-700/50 overflow-hidden shadow-sm">
-        <table className="w-full">
+      <div className="bg-white dark:bg-stone-900 rounded-xl border border-slate-200 dark:border-stone-700/50 overflow-x-auto shadow-sm">
+        <table className="w-full min-w-[900px]">
           <thead>
             {table.getHeaderGroups().map((headerGroup) => (
               <tr key={headerGroup.id} className="border-b border-slate-200 dark:border-stone-800">