diff --git a/docs/js/custom.js b/docs/js/custom.js
index 3ed067e054..649bdec1aa 100644
--- a/docs/js/custom.js
+++ b/docs/js/custom.js
@@ -202,4 +202,7 @@ $(document).ready(function() {
             closeBtn.closest('.notification').setAttribute('hidden', 'hidden');
         });
     });
+
+    // Mark higher-level nodes with "New" pill, not only the actual item
+    $(".pill.new:not([hidden])").parents(".md-nav__item").children('label').children(".pill.new[hidden]").removeAttr('hidden');
 });
diff --git a/theme/partials/nav-item.html b/theme/partials/nav-item.html
index 43dffa584a..c6c67deec5 100644
--- a/theme/partials/nav-item.html
+++ b/theme/partials/nav-item.html
@@ -7,7 +7,7 @@
     {% set checked = "checked" if nav_item.active %}
     <input class="md-nav__toggle md-toggle" data-md-toggle="{{ path }}" type="checkbox" id="{{ path }}" {{ checked }}>
     <label class="md-nav__link level-{{ level }}" for="{{ path }}">
-      {{ nav_item.title }}
+      {{ nav_item.title }} <span class="pill new" hidden>New</span>
     </label>
     <nav class="md-nav" aria-label="{{ nav_item.title }}" data-md-level="{{ level }}">
       <label class="md-nav__link-title md-nav__link level-{{ level }}" for="{{ path }}">