From 1f5d3665c8093b6a273858e10db05aac9d9b5f2f Mon Sep 17 00:00:00 2001
From: Mondo Diaz <armando.m.diaz@boeing.com>
Date: Wed, 28 Jan 2026 16:25:22 +0000
Subject: [PATCH] Fix modal backgrounds to be solid white instead of
 transparent

---
 frontend/src/pages/TeamDashboardPage.css | 3 ++-
 frontend/src/pages/TeamMembersPage.css   | 4 ++--
 frontend/src/pages/TeamSettingsPage.css  | 4 ++--
 frontend/src/pages/TeamsPage.css         | 4 ++--
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/TeamDashboardPage.css b/frontend/src/pages/TeamDashboardPage.css
index 5c9c4d2..1731ee7 100644
--- a/frontend/src/pages/TeamDashboardPage.css
+++ b/frontend/src/pages/TeamDashboardPage.css
@@ -181,12 +181,13 @@
 }
 
 .modal-content {
-  background: var(--color-bg);
+  background: #ffffff;
   border-radius: var(--radius-lg);
   padding: 1.5rem;
   width: 100%;
   max-width: 480px;
   max-height: 90vh;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   overflow-y: auto;
 }
 
diff --git a/frontend/src/pages/TeamMembersPage.css b/frontend/src/pages/TeamMembersPage.css
index 7d545b1..3eb41ce 100644
--- a/frontend/src/pages/TeamMembersPage.css
+++ b/frontend/src/pages/TeamMembersPage.css
@@ -139,12 +139,12 @@
 }
 
 .modal-content {
-  background: var(--color-bg);
+  background: #ffffff;
   border-radius: var(--radius-lg);
   padding: 1.5rem;
   width: 100%;
   max-width: 400px;
-  box-shadow: var(--shadow-xl);
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 }
 
 .modal-content h2 {
diff --git a/frontend/src/pages/TeamSettingsPage.css b/frontend/src/pages/TeamSettingsPage.css
index 628d722..e75b461 100644
--- a/frontend/src/pages/TeamSettingsPage.css
+++ b/frontend/src/pages/TeamSettingsPage.css
@@ -149,12 +149,12 @@
 }
 
 .modal-content {
-  background: var(--color-bg);
+  background: #ffffff;
   border-radius: var(--radius-lg);
   padding: 1.5rem;
   width: 100%;
   max-width: 400px;
-  box-shadow: var(--shadow-xl);
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 }
 
 .modal-content h2 {
diff --git a/frontend/src/pages/TeamsPage.css b/frontend/src/pages/TeamsPage.css
index 671e8d5..7febf8f 100644
--- a/frontend/src/pages/TeamsPage.css
+++ b/frontend/src/pages/TeamsPage.css
@@ -197,11 +197,11 @@
 }
 
 .modal-content {
-  background: var(--color-bg);
+  background: #ffffff;
   border-radius: var(--radius-lg);
   width: 100%;
   max-width: 480px;
-  box-shadow: var(--shadow-xl);
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   overflow: hidden;
 }