diff --git a/docs/source/partials/examples/_visual-helper.html.haml b/docs/source/partials/examples/_visual-helper.html.haml
index 2c5158bad..35ae3f9d2 100644
--- a/docs/source/partials/examples/_visual-helper.html.haml
+++ b/docs/source/partials/examples/_visual-helper.html.haml
@@ -22,7 +22,7 @@
   %tbody
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-input"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-input"}
           <code>.ap-input</code>
 
       %td
@@ -30,7 +30,7 @@
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-input-icon-pin"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-input-icon-pin"}
           <code>.ap-input-icon-pin</code>
 
       %td
@@ -38,7 +38,7 @@
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-input-icon-clear"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-input-icon-clear"}
           <code>.ap-input-icon-clear</code>
 
       %td
@@ -46,7 +46,7 @@
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-dropdown-menu"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-dropdown-menu"}
           <code>.ap-dropdown-menu</code>
 
       %td
@@ -54,7 +54,7 @@
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-suggestion"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-suggestion"}
           <code>.ap-suggestion</code>
 
       %td
@@ -62,7 +62,7 @@
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-cursor"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-cursor"}
           <code>.ap-cursor</code>
 
       %td
@@ -70,7 +70,7 @@
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-suggestion-icon"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-suggestion-icon"}
           <code>.ap-suggestion-icon</code>
 
       %td
@@ -78,7 +78,7 @@
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-name"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-name"}
           <code>.ap-name</code>
 
       %td
@@ -86,7 +86,7 @@
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-address"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-address"}
           <code>.ap-address</code>
 
       %td
@@ -94,7 +94,7 @@
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-em"}
+        %div{:class => "css-class api-entry", :id => "css-class-em"}
           <code> &lt;em></code>
       %td
         %p The &lt;em> tag in the .ap-suggestion is the tag that is used to make an highlight on each names