From 9f13221012e71463a1ae84d40901a7f2dbe15550 Mon Sep 17 00:00:00 2001
From: Mondo Diaz <armando.m.diaz@boeing.com>
Date: Tue, 3 Feb 2026 08:29:03 -0600
Subject: [PATCH] Fix progress bar CSS scoping conflict between upload and
 dashboard

---
 frontend/src/components/DragDropUpload.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/DragDropUpload.css b/frontend/src/components/DragDropUpload.css
index ca4112d..b50fad2 100644
--- a/frontend/src/components/DragDropUpload.css
+++ b/frontend/src/components/DragDropUpload.css
@@ -290,20 +290,25 @@
   color: var(--error-color, #dc3545);
 }
 
-/* Progress Bar */
-.progress-bar {
+/* Progress Bar - scoped to upload component */
+.drag-drop-upload .progress-bar,
+.upload-queue .progress-bar {
   height: 8px;
   background: var(--border-color, #ddd);
   border-radius: 4px;
   overflow: hidden;
+  width: 100%;
+  max-width: 100%;
 }
 
-.progress-bar--small {
+.drag-drop-upload .progress-bar--small,
+.upload-queue .progress-bar--small {
   height: 4px;
   margin-top: 0.25rem;
 }
 
-.progress-bar__fill {
+.drag-drop-upload .progress-bar__fill,
+.upload-queue .progress-bar__fill {
   height: 100%;
   background: var(--accent-color, #007bff);
   border-radius: 4px;