diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index b6867cc6e..06fe95f94 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -442,10 +442,8 @@ table.table {
   border-color: var(--bs-danger);
 }
 
-.alert-secondary {
-  background-color: var(--pngx-primary-darken-18);
-  border-color: var(--pngx-primary-darken-15);
-  color: var(--bs-body-color);
+.progress {
+  background-color: var(--bs-body-bg);
 }
 
 .ngb-dp-header,
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 145410353..bd32fc72f 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -153,6 +153,12 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
 
   }
 
+  .alert-secondary {
+    background-color: var(--bs-light);
+    border-color: var(--pngx-bg-darker);
+    color: var(--bs-body-color);
+  }
+
   .table-striped > tbody > tr:nth-of-type(odd) > * {
     color: var(--pngx-body-color-accent);
   }