couple tweaks

src/iss-components/site-header/progress-bar/progress-bar.vue

@@ -37,8 +37,7 @@ export default {
 <style lang="scss">
     .progress-bar-container {
         padding: .75rem 0;
-        width: 55%;
+        display: flex;
-        display: block;
 
         .progress-bar-header {
             width: 38px;
@@ -54,6 +53,11 @@ export default {
             text-align: right;
         }
 
+        .progress-bar {
+            min-width: 17.1875rem;
+            margin-left: .5rem;
+        }
+
         .progress {
             height: 10px;
             width: 100%;
@@ -87,6 +91,10 @@ export default {
             }
         }
 
+        .progress {
+            margin-left: .5rem;
+        }
+
         .progress-bar-middle {
             position: relative;
             float: right;

src/iss-components/site-header/site-header.vue

@@ -2,15 +2,15 @@
     <div
         class="site-header-container"
         :style="logoBackgroundStyle">
-        <div class="site-header iss-heritage-container-width row">
+        <div class="site-header iss-heritage-container-width">
-            <div class="col">
+            <div class="header-logo-container">
                 <img
                     id="siteHeaderImage"
                     class="img-fluid"
                     :src="imageSrc"
                     :alt="altText" />
             </div>
-            <div class="col">
+            <div class="header-progress-bar-container">
                 <progress-bar />
             </div>
         </div>
@@ -145,9 +145,20 @@ export default {
     }
 
     .site-header {
+        display: flex;
         @include media-breakpoint-down(md) {
             margin: 0 -.75rem;
         }
+
+        .header-logo-container {
+            flex: 1 1 auto;
+        }
+        .header-progress-bar-container {
+            flex: 0 1 auto;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+        }
     }
 }