diff --git a/node/src/documents/collections/menu.html b/node/src/documents/collections/menu.html
index 7644824cf..4c0ccf7e4 100755
--- a/node/src/documents/collections/menu.html
+++ b/node/src/documents/collections/menu.html
@@ -264,111 +264,112 @@ type   : 'UI Collection'
   <div class="example">
     <h4>Colors</h4>
     <p>Additional colors can be specified.</p>
-    <div class="ui grey compact menu">
-      <a class="item">
-        Grey 1
-      </a>
-      <a class="item">
-        Grey 2
-      </a>
-    </div>
-    <div class="ui green inverted compact menu">
+    <div class="ui green menu">
       <a class="item">
         Green 1
       </a>
-      <a class="item">
+      <a class="active item">
         Green 2
       </a>
     </div>
-    <div class="ui red inverted compact menu">
+    <br>
+    <div class="ui red menu">
       <a class="item">
         Red 1
       </a>
-      <a class="item">
+      <a class="active item">
         Red 2
       </a>
     </div>
-    <div class="ui blue inverted compact menu">
+    <br>
+    <div class="ui blue menu">
       <a class="item">
         Blue 1
       </a>
-      <a class="item">
+      <a class="active item">
         Blue 2
       </a>
     </div>
-    <br><br>
-    <div class="ui purple inverted compact menu">
+    <br>
+    <div class="ui purple menu">
       <a class="item">
         Purple 1
       </a>
-      <a class="item">
+      <a class="active item">
         Purple 2
       </a>
     </div>
-    <div class="ui orange inverted compact menu">
+    <br>
+    <div class="ui orange menu">
       <a class="item">
         Orange 1
       </a>
-      <a class="item">
+      <a class="active item">
         Orange 2
       </a>
     </div>
-    <div class="ui teal inverted compact menu">
+    <br>
+    <div class="ui teal menu">
       <a class="item">
         Teal 1
       </a>
-      <a class="item">
+      <a class="active item">
         Teal 2
       </a>
     </div>
   </div>
   <div class="another example">
-    <div class="ui green compact menu">
+    <p>These colors can also be inverted</p>
+    <div class="ui green inverted menu">
       <a class="item">
         Green 1
       </a>
-      <a class="active item">
+      <a class="item">
         Green 2
       </a>
     </div>
-    <div class="ui red compact menu">
+    <br>
+    <div class="ui red inverted menu">
       <a class="item">
         Red 1
       </a>
-      <a class="active item">
+      <a class="item">
         Red 2
       </a>
     </div>
-    <div class="ui blue compact menu">
+    <br>
+    <div class="ui blue inverted menu">
       <a class="item">
         Blue 1
       </a>
-      <a class="active item">
+      <a class="item">
         Blue 2
       </a>
     </div>
-    <br><br>
-    <div class="ui purple compact menu">
+    <br>
+    <div class="ui purple inverted menu">
       <a class="item">
         Purple 1
       </a>
-      <a class="active item">
+      <a class="item">
         Purple 2
       </a>
     </div>
-    <div class="ui orange compact menu">
+    <br>
+    <div class="ui orange inverted menu">
       <a class="item">
         Orange 1
       </a>
-      <a class="active item">
+      <a class="item">
         Orange 2
       </a>
     </div>
-    <div class="ui teal compact menu">
+    <br>
+    <div class="ui teal inverted menu">
       <a class="item">
         Teal 1
       </a>
-      <a class="active item">
+      <a class="item">
         Teal 2
       </a>
     </div>