diff --git a/build/css/main.css b/build/css/main.css
index 1ebce990..265fb273 100644
--- a/build/css/main.css
+++ b/build/css/main.css
@@ -5961,6 +5961,9 @@ hero-progress-button .bar {
 hero-progress-button[percentage="100"] .bar {
   background-color: #5cb85c; }
 
+hero-icon[disabled] path {
+  fill: #787c7f; }
+
 .block {
   display: block; }
 
diff --git a/lib/scss/main.scss b/lib/scss/main.scss
index 9b9dc207..d7c17cfd 100644
--- a/lib/scss/main.scss
+++ b/lib/scss/main.scss
@@ -69,6 +69,10 @@ hero-progress-button[percentage="100"] .bar {
   background-color: $brand-success;
 }
 
+hero-icon[disabled]  path {
+  fill: $color-disabled;
+}
+
 .block {
   display: block;
 }
diff --git a/screenshot.png b/screenshot.png
index b711bf31..a65b1d9d 100644
Binary files a/screenshot.png and b/screenshot.png differ