diff --git a/common/app/Nav/Nav.jsx b/common/app/Nav/Nav.jsx
index b332c279a2..e2a471b668 100644
--- a/common/app/Nav/Nav.jsx
+++ b/common/app/Nav/Nav.jsx
@@ -217,6 +217,7 @@ export class FCCNav extends React.Component {
                 /> :
                 null
             }
+            <li className='divider-vertical'/>
             {
               navLinks.map(
                 this.renderLink.bind(this, true)
diff --git a/common/app/Nav/nav.less b/common/app/Nav/nav.less
index d9284fd37c..4f5159144e 100644
--- a/common/app/Nav/nav.less
+++ b/common/app/Nav/nav.less
@@ -100,6 +100,15 @@ li.nav-avatar {
   border-top: 0;
 }
 
+.divider-vertical {
+  height: 24px;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-left: 0.25px solid #ffffff;
+  border-right: 0.25px solid #ffffff;
+  align:
+}
+
 @media (max-width: @screen-xs-max) {
   .navbar-header {
     float: none;