diff --git a/playbook/app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb b/playbook/app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
index b1ef376118..5f2381e7ca 100755
--- a/playbook/app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
+++ b/playbook/app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
@@ -22,6 +22,8 @@
 </div>
 
 <script>
+  // The script in the code snippet below is for demonstrating the active state and NOT needed for the kit to function.
+  // The active prop can be used to highlight this active state.
   const navItemClass = "pb_nav_list_kit_item"
   const navItemActiveClass = "pb_nav_list_kit_item_active"
   const dataNavItems = "[data-pb-tab-target]"