diff --git a/ui/app/app.js b/ui/app/app.js
index 7cf5c7b9d..31d11b4e0 100644
--- a/ui/app/app.js
+++ b/ui/app/app.js
@@ -253,12 +253,14 @@ App.prototype.renderAppBar = function () {
       }, [
         h('div.app-header-contents', {}, [
           h('div.left-menu-wrapper', {
-            style: {},
+            onClick: () => {
+              props.dispatch(actions.backToAccountDetail(props.activeAddress))
+            },
           }, [
             // mini logo
-            h('img', {
-              height: 24,
-              width: 24,
+            h('img.metafox-icon', {
+              height: 29,
+              width: 29,
               src: '/images/icon-128.png',
             }),
 
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss
index f722e8bf5..a6332f819 100644
--- a/ui/app/css/itcss/components/header.scss
+++ b/ui/app/css/itcss/components/header.scss
@@ -27,6 +27,10 @@
       bottom: -32px;
     }
   }
+
+  .metafox-icon {
+    cursor: pointer;
+  }
 }
 
 .app-header-contents {
@@ -58,6 +62,7 @@
   text-transform: uppercase;
   font-weight: 400;
   color: #22232c; // $shark
+  line-height: 29px;
 
   @media screen and (max-width: 575px) {
     display: none;
@@ -81,6 +86,7 @@ h2.page-subtitle {
   display: flex;
   flex-direction: row;
   align-items: center;
+  cursor: pointer;
 }
 
 .header__right-actions {