diff --git a/scss/sections/_progress_menu.scss b/scss/sections/_progress_menu.scss
index 1fd82197..861f0dc2 100644
--- a/scss/sections/_progress_menu.scss
+++ b/scss/sections/_progress_menu.scss
@@ -31,17 +31,26 @@
       text-shadow: none;
       background-color: $color-gray-light;
       position: relative;
-      top: -4rem;
+      top: -5.5rem;
     }
 
-    a:before {
-      content: "o";
+    &:before {
       display: block;
       text-align: center;
     }
 
-    &--complete:before {
+    &--active:before {
+      content: "O";
+    }
 
+    &--complete:before {
+      content: "\2714";
+      color: $color-blue;
+    }
+
+    &--incomplete:before {
+      content: "\2609";
+      color: $color-gray-light;
     }
 
   }
diff --git a/templates/styleguide.html.to b/templates/styleguide.html.to
index ac46e781..54adf7c0 100644
--- a/templates/styleguide.html.to
+++ b/templates/styleguide.html.to
@@ -28,10 +28,10 @@
 <div class='col col--grow'>
 
   <div class="progress-menu">
-  <ul>
+    <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"><a href="#">Primary POC</a></li>
+      <li class="progress-menu__item progress-menu__item--incomplete"><a href="#">Primary POC</a></li>
     </ul>
   </div>