diff --git a/src/main/angular/src/app/shared/percent-bar/percent-bar.component.less b/src/main/angular/src/app/shared/percent-bar/percent-bar.component.less
index d836eae..fd79851 100644
--- a/src/main/angular/src/app/shared/percent-bar/percent-bar.component.less
+++ b/src/main/angular/src/app/shared/percent-bar/percent-bar.component.less
@@ -1,17 +1,21 @@
 @import "../../../../colors.less";
 
 .bar {
-  position: relative;
-  color: white;
+  display: flex;
   border-radius: 0.5em;
 
   .part {
-    float: left;
     white-space: nowrap;
     font-size: 40%;
 
     .text {
-      padding-left: 0.25em;
+      padding-left: 0.4em;
+    }
+  }
+
+  .part:first-child {
+    .text:first-child {
+      padding-left: 0.8em;
     }
   }