diff --git a/src/views/components/PolicyViolationProgressBar.vue b/src/views/components/PolicyViolationProgressBar.vue
index a766fd6e3..a9c108f0b 100644
--- a/src/views/components/PolicyViolationProgressBar.vue
+++ b/src/views/components/PolicyViolationProgressBar.vue
@@ -1,7 +1,10 @@
 <template>
   <span v-if="metrics.policyViolationsTotal === 0" class="progress">
     <b-progress class="table-progress" :max="'0'" show-value>
-      <b-progress-bar class="table-progress" value="0"></b-progress-bar>
+      <b-progress-bar
+        class="table-progress text-dark"
+        value="0"
+      ></b-progress-bar>
     </b-progress>
   </span>
   <span v-else class="progress">
@@ -13,11 +16,11 @@
       >
         <b-progress-bar
           :value="metrics.policyViolationsInfo"
-          class="severity-info-bg"
+          class="severity-info-bg text-dark"
         ></b-progress-bar>
         <b-progress-bar
           :value="metrics.policyViolationsWarn"
-          class="severity-warn-bg"
+          class="severity-warn-bg text-dark"
         ></b-progress-bar>
         <b-progress-bar
           :value="metrics.policyViolationsFail"
diff --git a/src/views/components/SeverityProgressBar.vue b/src/views/components/SeverityProgressBar.vue
index a991131a5..710d39cff 100644
--- a/src/views/components/SeverityProgressBar.vue
+++ b/src/views/components/SeverityProgressBar.vue
@@ -1,7 +1,10 @@
 <template>
   <span v-if="vulnerabilities === 0" class="progress">
     <b-progress class="table-progress" :max="'0'" show-value>
-      <b-progress-bar class="table-progress" value="0"></b-progress-bar>
+      <b-progress-bar
+        class="table-progress text-dark"
+        value="0"
+      ></b-progress-bar>
     </b-progress>
   </span>
   <span v-else class="progress">
@@ -11,10 +14,13 @@
           :value="critical"
           class="severity-critical-bg"
         ></b-progress-bar>
-        <b-progress-bar :value="high" class="severity-high-bg"></b-progress-bar>
+        <b-progress-bar
+          :value="high"
+          class="severity-high-bg text-dark"
+        ></b-progress-bar>
         <b-progress-bar
           :value="medium"
-          class="severity-medium-bg"
+          class="severity-medium-bg text-dark"
         ></b-progress-bar>
         <b-progress-bar :value="low" class="severity-low-bg"></b-progress-bar>
         <b-progress-bar