diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index f5671413..fb9ef608 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -17,7 +17,7 @@
   font-size: $h5-font-size;
 
   .icon-link {
-    color: $color-gray-medium;
+    color: $color-blue;
     font-weight: normal;
   }
 
@@ -26,16 +26,26 @@
   }
 
   .icon {
-    @include icon-color($color-gray-medium);
+    @include icon-color($color-blue);
+  }
+
+  .portfolio-breadcrumbs__home {
+    &.icon-link--disabled {
+      color: $color-gray-medium;
+      opacity: 1;
+      .icon {
+        @include icon-color($color-gray-medium);
+      }
+    }
   }
 
   .portfolio-breadcrumbs__crumb {
     .icon {
-      @include icon-color($color-blue);
+      @include icon-color($color-gray-medium);
     }
 
     .icon-link {
-      color: $color-blue;
+      color: $color-gray-medium;
       pointer-events: none;
     }
   }
diff --git a/templates/portfolios/breadcrumbs.html b/templates/portfolios/breadcrumbs.html
index bc4c16d7..ef946c32 100644
--- a/templates/portfolios/breadcrumbs.html
+++ b/templates/portfolios/breadcrumbs.html
@@ -1,7 +1,7 @@
 {% from "components/icon.html" import Icon %}
 
 <div class="row portfolio-breadcrumbs">
-  <a class="icon-link portfolio-breadcrumbs__home" href="{{ url_for("portfolios.portfolio_applications", portfolio_id=portfolio.id) }}">
+  <a class="icon-link portfolio-breadcrumbs__home {{ 'icon-link--disabled' if not secondary_breadcrumb }}" href="{{ url_for("portfolios.portfolio_applications", portfolio_id=portfolio.id) }}">
     {{ Icon("home") }}
     <span>
       {{ portfolio.name }} Portfolio