diff --git a/app/styles/app.scss b/app/styles/app.scss
index ff11253eb51..20921fa6f55 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -146,6 +146,10 @@ span.small {
     }
 }
 
+.optional {
+    font-size: 80%;
+}
+
 .yanked {
     font-size: 80%;
     color: rgb(166, 0, 0)
diff --git a/app/templates/components/link-to-dep.hbs b/app/templates/components/link-to-dep.hbs
index 48e0800e872..27028e69c9b 100644
--- a/app/templates/components/link-to-dep.hbs
+++ b/app/templates/components/link-to-dep.hbs
@@ -2,4 +2,7 @@
   {{#link-to 'crate' dep.crate_id}}
       {{ dep.crate_id }} {{ format-req dep.req }}
   {{/link-to}}
+  {{#if dep.optional}}
+      <span class='optional'>optional</span>
+  {{/if}}
 </li>