diff --git a/css/src/main.css b/css/src/main.css
index e527122be..fd1a09464 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -159,7 +159,7 @@ header .alt-currency {
   display: block;
   height: 62px;
   width: 140px;
-  padding: 22px 5px;
+  padding: 12px 5px;
   text-align: center;
 }
 
@@ -1098,6 +1098,22 @@ button.gray:focus,
   overflow: hidden;
 }
 
+.photo-container {
+  margin-right: 10px;
+  padding-top: 0.4rem;
+  display: inline-block;
+  width: 35px;
+  height: 35px;
+  color: #fff;
+  background: #7A8C9E;
+  border-radius: 100%;
+  vertical-align: middle;
+}
+
+a:hover .photo-container  {
+  background: #34495E;
+  color: #fff;
+}
 
 .side-nav {padding-top: 38px;}
 
diff --git a/views/includes/head.html b/views/includes/head.html
index 9716688a2..41c0cad7b 100644
--- a/views/includes/head.html
+++ b/views/includes/head.html
@@ -4,7 +4,11 @@
 
 <div class="menu" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()"
   ng-click="hoverMenu = !hoverMenu">
-  <a class="dropdown ellipsis text-gray" ng-class="{'hover': hoverMenu}">{{username}} <i class="icon-arrow-down2 size-16 vm"></i> </a>
+  <a class="dropdown ellipsis text-gray" ng-class="{'hover': hoverMenu}">
+    <span class="photo-container"><i class="fi-torso size-18"></i></span>
+    <span class="m15t">{{username}} </span>
+    <i class="icon-arrow-down2 size-16 vm"></i> 
+  </a>
   <ul ng-show="hoverMenu" ng-class="{'hover': hoverMenu}">
     <li>
       <a href="#!/manage" title="Manage wallets">