diff --git a/src/css/less/grafana.less b/src/css/less/grafana.less
index cdfdc294043..15bef42014d 100644
--- a/src/css/less/grafana.less
+++ b/src/css/less/grafana.less
@@ -1,4 +1,4 @@
-@import "p_pro.less";
+@import "login.less";
 @import "submenu.less";
 @import "graph.less";
 @import "bootstrap-tagsinput.less";
diff --git a/src/css/less/p_pro.less b/src/css/less/login.less
similarity index 100%
rename from src/css/less/p_pro.less
rename to src/css/less/login.less
diff --git a/src/css/less/navbar.less b/src/css/less/navbar.less
index 7ae4b7cf5c9..a96372e86f5 100644
--- a/src/css/less/navbar.less
+++ b/src/css/less/navbar.less
@@ -22,29 +22,35 @@
   border-radius: 50%;
   background: black;
   display: block;
+  position: relative;
   float: left;
+  width: 30px;
+  height: 30px;
   padding: 4px;
   margin: 7px 6px 3px 9px;
   .fa {
-    display: none;
+    color: @textColor;
+    width: 30px;
+    height: 30px;
+    left: 10px;
+    top: 8px;
+    font-size: 150%;
+    opacity: 0;
+    position: absolute;
+    transition: opacity .25s ease-in-out;
   }
   img {
     width: 30px;
+    position: absolute;
+    opacity: 1;
+    transition: opacity .25s ease-in-out;
   }
   &:hover {
     .fa {
-      display: block;
-      width: 30px;
-      height: 30px;
-      color: @textColor;
       opacity: .7;
-      position: relative;
-      left: 6px;
-      top: 4px;
-      font-size: 150%;
     }
     img {
-      display: none;
+      opacity: 0;
     }
   }
 }