fix: Move progress label out of the progress bar

client/src/components/Supporters.js

@@ -16,11 +16,12 @@ function Supporters({ isDonating }) {
       </FullWidthRow>
       <FullWidthRow>
         <div id='supporter-progress-wrapper'>
-          <ProgressBar
-            label={'4000 supporters out of 10,000 goal'}
-            max={10000}
-            now={4000}
-          />
+          <ProgressBar max={10000} now={400} />
+          <div id='progress-label-wrapper'>
+            <span className='progress-label'>
+              4000 supporters out of 10,000 goal
+            </span>
+          </div>
         </div>
       </FullWidthRow>
       <FullWidthRow>

client/src/components/supporters.css

@@ -1,7 +1,14 @@
 #supporter-progress-wrapper .progress {
   height: 38px;
+  margin-bottom: 0px;
 }
 
 #supporter-progress-wrapper .progress-bar {
   padding-top: 8px;
-}
+}
+
+#progress-label-wrapper {
+  text-align: left;
+  padding-left: 10px;
+  margin-bottom: 25px;
+}