diff --git a/styles/components/_progress_menu.scss b/styles/components/_progress_menu.scss
index 2a8c5ef1..01e2de26 100644
--- a/styles/components/_progress_menu.scss
+++ b/styles/components/_progress_menu.scss
@@ -50,6 +50,12 @@
 
     a.active {
       color: $color-blue;
+      cursor: default;
+    }
+
+    a.disabled{
+      color: $color-gray-light;
+      cursor: default;
     }
 
 
diff --git a/templates/task_orders/new/menu.html b/templates/task_orders/new/menu.html
index f7b088ad..c6620a83 100644
--- a/templates/task_orders/new/menu.html
+++ b/templates/task_orders/new/menu.html
@@ -10,8 +10,17 @@
       {% endif %}
 
       <li class="progress-menu__item progress-menu__item--{{ step_indicator }}">
-        <a href="{{ url_for('task_orders.new', screen=loop.index, task_order_id=task_order_id) }}"
-          {% if g.matchesPath(url_for('task_orders.new', screen=loop.index)) %}class="active"{% endif %}
+        <a
+          {% set class='' %}
+          {% if task_order_id %}
+            href="{{ url_for('task_orders.new', screen=loop.index, task_order_id=task_order_id) }}"
+          {% else %}
+            {% set class="disabled"%}
+          {% endif %}
+          {% if g.matchesPath(url_for('task_orders.new', screen=loop.index)) %}
+            {% set class="active" %}
+          {% endif %}
+          class={{class}}
         >
           {{ s['title'] }}
         </a>