diff --git a/core/client/assets/sass/components/navigation.scss b/core/client/assets/sass/components/navigation.scss
index a0d3d44f0f..91fd7cc023 100644
--- a/core/client/assets/sass/components/navigation.scss
+++ b/core/client/assets/sass/components/navigation.scss
@@ -127,6 +127,11 @@
         @include transition(background 0.1s);
     }
 
+    i:before {
+        width: auto;
+        margin-left: 5px;
+    }
+
 }//.user-menu
 
 
diff --git a/core/client/docs/_includes/nav/global.html b/core/client/docs/_includes/nav/global.html
index 296782b013..f3c2e78846 100644
--- a/core/client/docs/_includes/nav/global.html
+++ b/core/client/docs/_includes/nav/global.html
@@ -1,4 +1,4 @@
-<div class="global-nav">
+<nav class="global-nav">
 
     <a class="ghost-logo nav-item" href="/">
         <div class="nav-label"><i class="icon-ghost"></i> <span>Visit blog</span> </div>
@@ -20,14 +20,20 @@
         <div class="nav-label">Thing2</div>
     </a>
 
-    <div class="nav-item user-menu menu-holder" data-href="#">
+    <div class="nav-item user-menu" data-href="#">
         <div class="nav-label">
             <div class="image"><img src="https://pbs.twimg.com/profile_images/2424666637/rm02mq43w94amr8jbhz3.jpeg" alt="John O'Nolan"></div>
             <div class="name">
-                John O'Nolan<span class="menu-arrow"></span>
+                John O'Nolan <i class="icon-chevron-down"></i>
                 <small>Profile &amp; Settings</small>
             </div>
         </div>
+        <div class="dropdown">
+            <ul class="dropdown-menu triangle-top-right" role="menu">
+                <li role="presentation"><a class="dropdown-item" role="menuitem" tabindex="-1" href="#">Action</a></li>
+                <li role="presentation"><a class="dropdown-item" role="menuitem" tabindex="-1" href="#">Another action</a></li>
+            </ul>
+        </div>
     </div><!--menu-holder-->
 
-</div><!--global-nav-->
\ No newline at end of file
+</nav><!--global-nav-->
\ No newline at end of file