From c0a4a42722930e4b71e9563dbf2b5dcbc15b69e7 Mon Sep 17 00:00:00 2001
From: vennela-cybersecify <vennela.peddintigari@cybersecify.in>
Date: Wed, 9 Sep 2026 07:11:01 +0000
Subject: [PATCH] fix: thin and lighten table row divider borders

Table rows/header/footer used a bare border-b/border-t with no color
specified, so the divider fell back to Tailwind's stock light-gray
default instead of this app's dark-mode border token. Explicitly set
border-border/40 (1px, 40% opacity) to match the rest of the dark
theme.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NnwGoKqbD99zokTZmfxdB4
---
 frontend/src/components/ui/table.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ui/table.jsx b/frontend/src/components/ui/table.jsx
index 31b58edc..c3266b2c 100644
--- a/frontend/src/components/ui/table.jsx
+++ b/frontend/src/components/ui/table.jsx
@@ -13,7 +13,7 @@ const Table = React.forwardRef(({ className, ...props }, ref) => (
 Table.displayName = "Table"
 
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => (
-  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+  <thead ref={ref} className={cn("[&_tr]:border-b [&_tr]:border-border/40", className)} {...props} />
 ))
 TableHeader.displayName = "TableHeader"
 
@@ -28,7 +28,7 @@ TableBody.displayName = "TableBody"
 const TableFooter = React.forwardRef(({ className, ...props }, ref) => (
   <tfoot
     ref={ref}
-    className={cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className)}
+    className={cn("border-t border-border/40 bg-muted/50 font-medium [&>tr]:last:border-b-0", className)}
     {...props} />
 ))
 TableFooter.displayName = "TableFooter"
@@ -37,7 +37,7 @@ const TableRow = React.forwardRef(({ className, ...props }, ref) => (
   <tr
     ref={ref}
     className={cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      "border-b border-border/40 transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
       className
     )}
     {...props} />