diff --git a/scss/sections/_progress_menu.scss b/scss/sections/_progress_menu.scss
index 6a04e672..6b97b636 100644
--- a/scss/sections/_progress_menu.scss
+++ b/scss/sections/_progress_menu.scss
@@ -1,7 +1,5 @@
 .progress-menu {
-  display: table;
-  margin: 0 auto;
-  padding: ($gap * 2) 0;
+  display: block;
 
   ul {
     list-style: none;
@@ -9,11 +7,29 @@
     padding: 0;
   }
 
+  &--three {
+    .progress-menu__item {
+      width: 32%;
+    }
+  }
+
+  &--four {
+    .progress-menu__item {
+      width: 24%;
+    }
+  }
+
+  &--five {
+    .progress-menu__item {
+      width: 19%;
+    }
+  }
+
   &__item {
-    float: left;
+    display: inline-block;
     font-weight: $font-bold;
-    width: 19%;
     position: relative;
+    vertical-align: top;
 
     a {
       display: block;
diff --git a/templates/requests/menu.html.to b/templates/requests/menu.html.to
index 6b36b08a..741ed7cf 100644
--- a/templates/requests/menu.html.to
+++ b/templates/requests/menu.html.to
@@ -1,4 +1,4 @@
-<div class="progress-menu">
+<div class="progress-menu progress-menu--five">
   <ul>
     {% for i,s in enumerate(screens) %}
     <li class="progress-menu__item">
diff --git a/templates/styleguide.html.to b/templates/styleguide.html.to
index 54adf7c0..1039747d 100644
--- a/templates/styleguide.html.to
+++ b/templates/styleguide.html.to
@@ -27,14 +27,34 @@
 
 <div class='col col--grow'>
 
-  <div class="progress-menu">
+  <div class="progress-menu progress-menu--three">
     <ul>
-      <li class="progress-menu__item progress-menu__item--complete"><a href="#">Details of Use</a></li>
-      <li class="progress-menu__item progress-menu__item--active"><a href="#">Organization Info</a></li>
-      <li class="progress-menu__item progress-menu__item--incomplete"><a href="#">Primary POC</a></li>
+      <li class="progress-menu__item progress-menu__item--complete"><a href="#">Step One</a></li>
+      <li class="progress-menu__item progress-menu__item--active"><a href="#">Step Two</a></li>
+      <li class="progress-menu__item progress-menu__item--incomplete"><a href="#">Step Three</a></li>
     </ul>
   </div>
 
+  <div class="progress-menu progress-menu--four">
+    <ul>
+      <li class="progress-menu__item progress-menu__item--complete"><a href="#">Step One</a></li>
+      <li class="progress-menu__item progress-menu__item--active"><a href="#">Step Two</a></li>
+      <li class="progress-menu__item progress-menu__item--incomplete"><a href="#">Step Three</a></li>
+      <li class="progress-menu__item progress-menu__item--incomplete"><a href="#">Step Four</a></li>
+    </ul>
+  </div>
+
+  <div class="progress-menu progress-menu--five">
+    <ul>
+      <li class="progress-menu__item progress-menu__item--complete"><a href="#">Step One</a></li>
+      <li class="progress-menu__item progress-menu__item--active"><a href="#">Step Two</a></li>
+      <li class="progress-menu__item progress-menu__item--incomplete"><a href="#">Step Three</a></li>
+      <li class="progress-menu__item progress-menu__item--incomplete"><a href="#">Step Four</a></li>
+      <li class="progress-menu__item progress-menu__item--incomplete"><a href="#">Step Five</a></li>
+    </ul>
+  </div>
+
+
   <div class='panel'>
     <div class='panel__content'>
       <em>This is a panel content</em>