diff --git a/public/_includes/_hover-card.jade b/public/_includes/_hover-card.jade
index f89df10520..ea218a8c24 100644
--- a/public/_includes/_hover-card.jade
+++ b/public/_includes/_hover-card.jade
@@ -1,6 +1,10 @@
 a(class="hover-card is-button has-icon" href="#{url}" md-button)
   span(class="hover-card-icon #{classes}")
-  h3 #{name}
+  if number
+    h3 #{number}. #{name}
+
+  else
+    h3 #{name}
 
   if cta
     p #{cta}
diff --git a/public/docs/js/latest/guide.jade b/public/docs/js/latest/guide.jade
index ede761c8d0..7aa4985793 100644
--- a/public/docs/js/latest/guide.jade
+++ b/public/docs/js/latest/guide.jade
@@ -1,10 +1,10 @@
-number = 0;
+number = 1;
 ul
   for page, slug in public.docs[current.path[1]][current.path[2]].guide._data
+
     if slug != '_listtype'
       url = "/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{current.path[4]}/#{slug}.html"
       num = number++
-      name = number + ' ' + page.title
 
       li.c8
-        != partial("../../../_includes/_hover-card", { classes: 'icon', name: name, url: url })
+        != partial("../../../_includes/_hover-card", { number: num, name: page.title, url: url })