diff --git a/browser/main/SideNav/SideNav.styl b/browser/main/SideNav/SideNav.styl
index 73df7be3..8b6d6290 100644
--- a/browser/main/SideNav/SideNav.styl
+++ b/browser/main/SideNav/SideNav.styl
@@ -75,6 +75,27 @@
     width 43px
     height 60px
     text-align center
+    &:hover .top-menu-label
+      transition opacity 0.15s
+      opacity 1
+  .top-menu-label
+    position fixed
+    display inline-block
+    height 30px
+    left 43px
+    padding 0 10px
+    margin-top -8px
+    opacity 0
+    margin-left 0
+    overflow hidden
+    background-color $ui-tooltip-backgroundColor
+    z-index 10
+    color white
+    line-height 30px
+    border-top-right-radius 2px
+    border-bottom-right-radius 2px
+    pointer-events none
+    font-size 12px
 
 body[data-theme="dark"]
   .root, .root--folded
diff --git a/browser/main/SideNav/index.js b/browser/main/SideNav/index.js
index 9fe198ad..d93eb87e 100644
--- a/browser/main/SideNav/index.js
+++ b/browser/main/SideNav/index.js
@@ -150,6 +150,7 @@ class SideNav extends React.Component {
               onClick={(e) => this.handleMenuButtonClick(e)}
             >
               <i className='fa fa-wrench fa-fw' />
+              <span styleName='top-menu-label'>Preferences</span>
             </button>
           </div>
         </div>