From 6e2fa2fa19f6f6d4c8320fcfe5e1447b8bcea444 Mon Sep 17 00:00:00 2001
From: Mathias Fredriksson <mafredri@gmail.com>
Date: Thu, 28 May 2026 11:44:40 +0000
Subject: [PATCH] fix(site): align table headers with row cells in providers
 list

The header row had 4 columns but each data row had 5 cells (the
chevron column had no header). This caused Status and Last modified
to render misaligned. Add the missing sr-only header for the chevron
column and drop the fixed width on Last modified so it fills the
remaining space.
---
 .../pages/AISettingsPage/ProvidersPage/ProvidersPageView.tsx | 5 ++++-
 .../ProvidersPage/components/ProviderRow.stories.tsx         | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/AISettingsPage/ProvidersPage/ProvidersPageView.tsx b/site/src/pages/AISettingsPage/ProvidersPage/ProvidersPageView.tsx
index b86537a3f7..8cae377325 100644
--- a/site/src/pages/AISettingsPage/ProvidersPage/ProvidersPageView.tsx
+++ b/site/src/pages/AISettingsPage/ProvidersPage/ProvidersPageView.tsx
@@ -104,7 +104,10 @@ const ProvidersPageView: React.FC<ProvidersPageViewProps> = ({
 						<TableHead className="w-1/4">Name</TableHead>
 						<TableHead className="w-1/4">Base URL</TableHead>
 						<TableHead className="w-22">Status</TableHead>
-						<TableHead className="w-1/4">Last modified</TableHead>
+						<TableHead>Last modified</TableHead>
+						<TableHead className="w-10">
+							<span className="sr-only">Open provider</span>
+						</TableHead>
 					</TableRow>
 				</TableHeader>
 				<TableBody>
diff --git a/site/src/pages/AISettingsPage/ProvidersPage/components/ProviderRow.stories.tsx b/site/src/pages/AISettingsPage/ProvidersPage/components/ProviderRow.stories.tsx
index 09d83ccd94..b04ebbb586 100644
--- a/site/src/pages/AISettingsPage/ProvidersPage/components/ProviderRow.stories.tsx
+++ b/site/src/pages/AISettingsPage/ProvidersPage/components/ProviderRow.stories.tsx
@@ -29,8 +29,8 @@ const meta: Meta<typeof ProviderRow> = {
 						<TableHead className="w-1/4">Name</TableHead>
 						<TableHead className="w-1/4">Base URL</TableHead>
 						<TableHead className="w-22">Status</TableHead>
-						<TableHead className="w-1/4">Last modified</TableHead>
-						<TableHead className="w-12">
+						<TableHead>Last modified</TableHead>
+						<TableHead className="w-10">
 							<span className="sr-only">Open provider</span>
 						</TableHead>
 					</TableRow>