diff --git a/pages/_components/simple-avatar.html b/pages/_components/simple-avatar.html
new file mode 100644
index 0000000000000000000000000000000000000000..24a912dab2bba285de888abe7d3221757cf79058
--- /dev/null
+++ b/pages/_components/simple-avatar.html
@@ -0,0 +1,5 @@
+---
+title: Simple avatar
+---
+
+{% include ui/avatar.html person-id=1 status="green" %}
diff --git a/pages/_components/simple-card.html b/pages/_components/simple-card.html
index 0f21810e2850a980993c556c1110caed98c9ebdf..1499d1bc8301c51c439397470377c62583ff1f26 100644
--- a/pages/_components/simple-card.html
+++ b/pages/_components/simple-card.html
@@ -1,5 +1,5 @@
 ---
-name: Simple box
+title: Simple box
 columns: 1
 ---
 
diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml
index 4a4644e99cfea75e427e346230e66b8c779551c8..83509188e826c13017800c6b36df59bcefa5a298 100644
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -53,7 +53,7 @@ layout:
 docs:
   title: Documentation
   icon: file-text
-  docs: true
+  url: docs.html
 
 changelog:
   url: changelog.html
diff --git a/pages/_plugins/jekyll-example.rb b/pages/_plugins/jekyll-example.rb
index e3a747e7e868c735a798feca9a4b66ee35709753..d3b3a0a8100bc60aff9f194f3677d7554464d69e 100644
--- a/pages/_plugins/jekyll-example.rb
+++ b/pages/_plugins/jekyll-example.rb
@@ -21,6 +21,7 @@ end
 def add_code_tag(code, lang)
   code = code.sub(/<pre>\n*/, '<pre><code class="language-' + lang.to_s.gsub("+", "-") + '" data-lang="' + lang.to_s + '">')
   code = code.sub(/\n*<\/pre>/, "</code></pre>")
+
   code.strip
 end
 
@@ -74,14 +75,14 @@ Valid syntax: example <lang> [id=foo]
                  render_rouge(code, @lang, @options[:linenos])
                end
 
-      rendered_output = example(code) + add_code_tag(output, @lang)
+      rendered_output = example(code) + "<div class=\"highlight\">#{add_code_tag(output, @lang)}</div>"
       prefix + rendered_output + suffix
     end
 
     def example(output)
       output = output.gsub(/<hide>/, "").gsub(/<\/hide>/, "")
 
-      "<div class=\"example" + (@options[:columns] ? " example-bg" : "") + "\"" + (@options[:id] ? " data-example-id=\"#{@options[:id]}\"" : "") + ">\n" + (@options[:columns] ? "<div class=\"example-column example-column-" + @options[:columns] + "\">\n" : "") + (@options[:wrapper] ? "<div class=\"" + @options[:wrapper] + "\">\n" : "") + (@options[:"max-width"] ? "<div style=\"max-width: " + @options[:"max-width"] + "px; margin: 0 auto;\">\n" : "") + "<div class=\"highlight\">#{output}</div>" + (@options[:wrapper] ? "\n</div>" : "") + (@options[:columns] ? "\n</div>" : "") + (@options[:"max-width"] ? "\n</div>" : "") + "\n</div>"
+      "<div class=\"example" + (@options[:columns] ? " example-bg" : "") + "\"" + (@options[:id] ? " data-example-id=\"#{@options[:id]}\"" : "") + ">\n" + (@options[:columns] ? "<div class=\"example-column example-column-" + @options[:columns] + "\">\n" : "") + (@options[:wrapper] ? "<div class=\"" + @options[:wrapper] + "\">\n" : "") + (@options[:"max-width"] ? "<div style=\"max-width: " + @options[:"max-width"] + "px; margin: 0 auto;\">\n" : "") + output + (@options[:wrapper] ? "\n</div>" : "") + (@options[:columns] ? "\n</div>" : "") + (@options[:"max-width"] ? "\n</div>" : "") + "\n</div>"
     end
 
   end