fix: resolve mui <TimelineDateRow /> regression (#25716)

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}
 		/>
 	);
 };

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)}

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" />