diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index d1b1325ba..8485b5468 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -1285,6 +1285,7 @@
   .progress {
     background: #212033;
     clear: both;
+    margin-bottom: 0;
   }
 
   .progress-meter {
@@ -1293,29 +1294,20 @@
     transition: width 2s;
   }
 
-  .spent-amount-progress,
-  .spent-amount-meter {
-    background: none !important;
-  }
-
   .spent-amount-text {
-    color: #fff;
-    font-size: $base-font-size;
-    font-weight: normal;
-    position: absolute;
-    right: 0;
+    margin-bottom: 0;
+    position: relative;
     text-align: right;
-    top: 16px;
-    width: 100%;
+    white-space: nowrap;
 
     &::before {
       color: #a5a1ff;
       content: "\57";
       font-family: "icons";
       font-size: $small-font-size;
+      line-height: 0;
       position: absolute;
-      right: -6px;
-      top: -17px;
+      right: -0.5em;
     }
   }
 
@@ -1328,7 +1320,6 @@
 
   .amount-available {
     display: block;
-    text-align: right;
 
     span {
       font-size: rem-calc(24);
@@ -1486,6 +1477,7 @@
       height: auto;
       left: 0;
       padding: $line-height;
+      padding-bottom: $line-height / 2;
       position: fixed;
       top: 0;
       width: 100%;
diff --git a/app/views/budgets/ballot/_progress_bar.html.erb b/app/views/budgets/ballot/_progress_bar.html.erb
index f556ee10f..b3c563240 100644
--- a/app/views/budgets/ballot/_progress_bar.html.erb
+++ b/app/views/budgets/ballot/_progress_bar.html.erb
@@ -3,23 +3,16 @@
 </span>
 
 <div class="progress" role="progressbar" tabindex="0"
-     id="progress"
      aria-valuenow="<%= ballot.percentage_spent(heading) %>" aria-valuemin="0" aria-valuemax="100">
   <div class="progress-meter"
        style="width: <%= ballot.percentage_spent(heading) %>%">
   </div>
 </div>
 
-<div class="progress spent-amount-progress" role="progressbar" tabindex="0"
-     aria-valuenow="20" aria-valuemin="0" aria-valuetext="25 percent" aria-valuemax="100">
-  <span class="progress-meter spent-amount-meter"
-        style="width: <%= ballot.percentage_spent(heading) %>%">
-    <p id="amount-spent" class="progress-meter-text spent-amount-text">
-      <small><%= t("budgets.progress_bar.assigned") %></small><%= ballot.formatted_amount_spent(heading) %>
-      <span id="amount-available" class="amount-available">
-        <small><%= t("budgets.progress_bar.available") %></small>
-        <span><%= ballot.formatted_amount_available(heading) %></span>
-      </span>
-    </p>
+<p id="amount-spent" class="spent-amount-text" style="width: <%= ballot.percentage_spent(heading) %>%">
+  <small><%= t("budgets.progress_bar.assigned") %></small><%= ballot.formatted_amount_spent(heading) %>
+  <span id="amount-available" class="amount-available">
+    <small><%= t("budgets.progress_bar.available") %></small>
+    <span><%= ballot.formatted_amount_available(heading) %></span>
   </span>
-</div>
+</p>