From 6198a174c77edbdfa770b0c825ef2e75513b9934 Mon Sep 17 00:00:00 2001
From: Mondo Diaz <armando.m.diaz@boeing.com>
Date: Wed, 28 Jan 2026 16:07:13 +0000
Subject: [PATCH] Use subtle faint row separators for tables instead of thick
 borders

---
 frontend/src/pages/TeamDashboardPage.css | 12 ++++++------
 frontend/src/pages/TeamsPage.css         | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/pages/TeamDashboardPage.css b/frontend/src/pages/TeamDashboardPage.css
index c1e90c5..cdd2881 100644
--- a/frontend/src/pages/TeamDashboardPage.css
+++ b/frontend/src/pages/TeamDashboardPage.css
@@ -74,11 +74,6 @@
   border-collapse: collapse;
 }
 
-.projects-table th,
-.projects-table td {
-  border: 1px solid #e2e8f0;
-}
-
 .projects-table th {
   text-align: left;
   padding: 0.75rem 1rem;
@@ -88,13 +83,18 @@
   letter-spacing: 0.05em;
   color: var(--color-text-muted);
   background: var(--color-bg-secondary);
-  border-bottom-width: 2px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .projects-table td {
   padding: 0.75rem 1rem;
   font-size: 0.875rem;
   vertical-align: middle;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+.projects-table tbody tr:last-child td {
+  border-bottom: none;
 }
 
 .project-row {
diff --git a/frontend/src/pages/TeamsPage.css b/frontend/src/pages/TeamsPage.css
index fb6d8a7..a09d070 100644
--- a/frontend/src/pages/TeamsPage.css
+++ b/frontend/src/pages/TeamsPage.css
@@ -184,11 +184,6 @@
   border-collapse: collapse;
 }
 
-.teams-table th,
-.teams-table td {
-  border: 1px solid #e2e8f0;
-}
-
 .teams-table th {
   text-align: left;
   padding: 0.75rem 1rem;
@@ -198,13 +193,18 @@
   letter-spacing: 0.05em;
   color: var(--color-text-muted);
   background: var(--color-bg-secondary);
-  border-bottom-width: 2px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .teams-table td {
   padding: 0.75rem 1rem;
   font-size: 0.875rem;
   vertical-align: middle;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+.teams-table tbody tr:last-child td {
+  border-bottom: none;
 }
 
 .team-row {