diff --git a/docs/module.html b/docs/module.html
index de282c11c..891453de7 100755
--- a/docs/module.html
+++ b/docs/module.html
@@ -30,11 +30,11 @@
 
 <div class="sidr" id="menu">
   <ul>
-    <li><a href="module.html">Introduction</a></li>
+    <li class="active"><a href="module.html">Introduction</a></li>
     <li><a>Download</a></li>
     <li><a href="#">UI</a>
       <ul>
-        <li class="active"><a href="button.html">Button</a></li>
+        <li><a href="button.html">Button</a></li>
         <li><a>Text</a></li>
         <li><a>Headers</a></li>
         <li><a>Columns</a></li>
@@ -79,7 +79,7 @@
         Semantic UI: Introduction 
       </div>
       <div class="icon previous link item">
-        <i class="icon left-dir"></i>
+        <i class="icon left-open"></i>
       </div>
       <div class="section dropdown item">
         1 of 5
@@ -92,12 +92,12 @@
         </div>
       </div>
       <div class="icon next link item">
-        <i class="icon right-dir"></i>
+        <i class="icon right-open"></i>
       </div>
     </div>
 </div>
 <div class="ui huge left attached vertical side buttons"> 
-  <div class="ui blue menu button">Menu</div>
+  <div class="ui menu blue button"><i class="icon th-list"></i> Menu</div>
 </div>
 <div class="segment">
   <div class="container">
diff --git a/docs/stylesheets/example.css b/docs/stylesheets/example.css
index 2317157bb..e1ea6dd9b 100755
--- a/docs/stylesheets/example.css
+++ b/docs/stylesheets/example.css
@@ -2,6 +2,18 @@
         Standard Example
 *******************************/
 
+@font-face {
+  font-family: 'Icons';
+  src: url(../fonts/icons.eot);
+  src:
+    url(../fonts/icons.eot?#iefix) format('embedded-opentype'),
+    url(../fonts/icons.woff) format('woff'),
+    url(../fonts/icons.ttf) format('truetype'),
+    url(../fonts/icons.svg#icons) format('svg')
+  ;
+  font-weight: normal;
+  font-style: normal;
+}
 /* font */
 @font-face {
   font-family: 'Neutraface';