From 9c10ec2ca7d632a5984026e9292727b8ade01f15 Mon Sep 17 00:00:00 2001
From: Jake Howell <jacob@coder.com>
Date: Wed, 27 May 2026 18:36:55 +1000
Subject: [PATCH] fix: resolve mui `<TimelineDateRow />` regression (#25716)

---
 site/src/components/Table/Table.tsx                  | 5 ++---
 site/src/components/Timeline/TimelineDateRow.tsx     | 4 ++--
 site/src/pages/AuditPage/AuditLogRow/AuditLogRow.tsx | 6 +++---
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/site/src/components/Table/Table.tsx b/site/src/components/Table/Table.tsx
index 5cc4b2095a..85af9eda5f 100644
--- a/site/src/components/Table/Table.tsx
+++ b/site/src/components/Table/Table.tsx
@@ -99,9 +99,8 @@ export const TableRow: React.FC<TableRowProps> = ({
 	return (
 		<tr
 			className={cn(
-				"border-0 border-b border-solid border-border transition-colors",
-				"data-[state=selected]:bg-surface-secondary",
 				tableRowVariants({ hover }),
+				"data-[state=selected]:bg-surface-secondary",
 				className,
 			)}
 			{...props}
@@ -133,12 +132,12 @@ export const TableCell: React.FC<React.ComponentPropsWithRef<"td">> = ({
 }) => {
 	return (
 		<td
+			{...props}
 			className={cn(
 				"border-0 border-t border-border border-solid",
 				"p-3 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
 				className,
 			)}
-			{...props}
 		/>
 	);
 };
diff --git a/site/src/components/Timeline/TimelineDateRow.tsx b/site/src/components/Timeline/TimelineDateRow.tsx
index e659fe9f03..f3395e445a 100644
--- a/site/src/components/Timeline/TimelineDateRow.tsx
+++ b/site/src/components/Timeline/TimelineDateRow.tsx
@@ -9,9 +9,9 @@ export interface TimelineDateRow {
 
 export const TimelineDateRow: FC<TimelineDateRow> = ({ date }) => {
 	return (
-		<TableRow className="[&:not(:first-of-type)_td]:border-t [&:not(:first-of-type)_td]:border-border">
+		<TableRow>
 			<TableCell
-				className="!py-2 !px-8 !bg-surface-primary text-xs relative text-content-secondary capitalize"
+				className="py-2 px-8 bg-surface-secondary text-xs relative text-content-secondary capitalize"
 				title={formatDate(date)}
 			>
 				{createDisplayDate(date)}
diff --git a/site/src/pages/AuditPage/AuditLogRow/AuditLogRow.tsx b/site/src/pages/AuditPage/AuditLogRow/AuditLogRow.tsx
index cc4a135ba3..ea0ccc37a8 100644
--- a/site/src/pages/AuditPage/AuditLogRow/AuditLogRow.tsx
+++ b/site/src/pages/AuditPage/AuditLogRow/AuditLogRow.tsx
@@ -73,7 +73,7 @@ export const AuditLogRow: FC<AuditLogRowProps> = ({
 			data-testid={`audit-log-row-${auditLog.id}`}
 			clickable={shouldDisplayDiff}
 		>
-			<TableCell className="!p-0 border-0 border-b text-base">
+			<TableCell className="!p-0 border-0 border-t text-base">
 				<Collapsible open={isDiffOpen} onOpenChange={setIsDiffOpen}>
 					<div
 						className={cn(
@@ -245,8 +245,8 @@ export const AuditLogRow: FC<AuditLogRowProps> = ({
 						</div>
 
 						{shouldDisplayDiff ? (
-							<div>
-								<ChevronDownIcon open={isDiffOpen} className="ml-2" />
+							<div className="size-6 flex items-center justify-center">
+								<ChevronDownIcon open={isDiffOpen} />
 							</div>
 						) : (
 							<div className="ml-6" />