diff --git a/src/iss-components/site-header/progress-bar/progress-bar.vue b/src/iss-components/site-header/progress-bar/progress-bar.vue
index 1312783c..49e2d9a8 100644
--- a/src/iss-components/site-header/progress-bar/progress-bar.vue
+++ b/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: block;
+        display: flex;
 
         .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;
diff --git a/src/iss-components/site-header/site-header.vue b/src/iss-components/site-header/site-header.vue
index b16bdb69..ec52c5d3 100644
--- a/src/iss-components/site-header/site-header.vue
+++ b/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="col">
+        <div class="site-header iss-heritage-container-width">
+            <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;
+        }
     }
 }