diff --git a/frontend/src/Components/ProgressBar.css b/frontend/src/Components/ProgressBar.css
index 32fd3eebbb..716421fa96 100644
--- a/frontend/src/Components/ProgressBar.css
+++ b/frontend/src/Components/ProgressBar.css
@@ -17,6 +17,10 @@
   color: var(--white);
   transition: width 0.6s ease;
 
+  &.default {
+    background-color: var(--darkGray);
+  }
+
   &.primary {
     background-color: var(--primaryColor);
   }
@@ -57,10 +61,6 @@
 .frontTextContainer {
   z-index: 1;
   color: var(--progressBarFrontTextColor);
-
-  &.default {
-    color: var(--darkGray);
-  }
 }
 
 .backTextContainer {