diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/components/_progress-bar.scss b/datamodels/2.x/itop-portal-base/portal/public/css/components/_progress-bar.scss
index 97f3cc9d97..4c08fbdd0f 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/components/_progress-bar.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/components/_progress-bar.scss
@@ -10,8 +10,6 @@ $ipb-progress--bar--border-radius: $ipb-progress--border-radius !default;
 }
 
 .ipb-progress--bar, .progress-bar {
-  background-color: $ipb-color-primary-600;
-  color: #ffffff;
   line-height: $ipb-progress--bar--line-height;
   border-radius: $ipb-progress--bar--border-radius;
   
diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_progress-bar.scss b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_progress-bar.scss
index de4287dcec..22c16dd3cb 100644
--- a/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_progress-bar.scss
+++ b/datamodels/2.x/itop-portal-base/portal/public/css/themes/components/_progress-bar.scss
@@ -9,6 +9,6 @@ $ipb-progress--bar--color: $ipb-color-white-100 !default;
 }
 
 .ipb-progress--bar, .progress-bar {
-  background-color: $ipb-color-primary-700;
+  background-color: $ipb-progress--bar--background-color;
   color: $ipb-progress--bar--color;
 }
\ No newline at end of file