From b6cf403213f24b247b8ebc1d65649e796e4f8e4f Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Sat, 25 Jul 2026 02:52:14 +0530
Subject: [PATCH] fix(output-viewer): update table header background color to
 improve UI consistency

---
 .../[workspace_id]/playground/components/output-viewer.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/surfsense_web/app/dashboard/[workspace_id]/playground/components/output-viewer.tsx b/surfsense_web/app/dashboard/[workspace_id]/playground/components/output-viewer.tsx
index 106200a70..f2f23dd89 100644
--- a/surfsense_web/app/dashboard/[workspace_id]/playground/components/output-viewer.tsx
+++ b/surfsense_web/app/dashboard/[workspace_id]/playground/components/output-viewer.tsx
@@ -46,7 +46,7 @@ function ResultTable({ items }: { items: Record<string, unknown>[] }) {
 	return (
 		<div className="max-h-[480px] overflow-auto overscroll-contain rounded-md border border-border/60">
 			<table className="w-full caption-bottom text-sm">
-				<TableHeader className="sticky top-0 z-10 bg-background">
+				<TableHeader className="sticky top-0 z-10 bg-muted">
 					<TableRow>
 						{columns.map((col) => (
 							<TableHead key={col} className="whitespace-nowrap">