2 files changed, 19 insertions, 5 deletions

diff --git a/ui/app/components/app-header/app-header.component.js b/ui/app/components/app-header/app-header.component.js
index b799ba9f..bb3a60cb 100644
--- a/ui/app/components/app-header/app-header.component.js
+++ b/ui/app/components/app-header/app-header.component.js
@@ -120,12 +120,12 @@ export default class AppHeader extends PureComponent {
           >
             <img
               className="app-header__metafox-logo app-header__metafox-logo--horizontal"
-              src="/images/dekusan.svg"
-              height={40}
+              src="/images/dexon-wallet.svg"
+              height={24}
             />
             <img
               className="app-header__metafox-logo app-header__metafox-logo--icon"
-              src="/images/dekusan.svg"
+              src="/images/dexon-wallet.svg"
               height={36}
               width={36}
             />
diff --git a/ui/app/components/app-header/index.scss b/ui/app/components/app-header/index.scss
index 5e39e13e..6ef94298 100644
--- a/ui/app/components/app-header/index.scss
+++ b/ui/app/components/app-header/index.scss
@@ -7,14 +7,17 @@
   flex-flow: column nowrap;
   width: 100%;
   flex: 0 0 auto;
+
   @media screen and (max-width: 575px) {
     padding: 12px;
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
     z-index: $mobile-header-z-index;
   }
+
   @media screen and (min-width: 576px) {
     height: 75px;
     justify-content: center;
+
     &--back-drop {
       &::after {
         content: '';
@@ -26,51 +29,62 @@
       }
     }
   }
+
   &__metafox-logo {
     cursor: pointer;
+
     &--icon {
       @media screen and (min-width: $break-large) {
         display: none;
       }
     }
+
     &--horizontal {
       @media screen and (max-width: $break-small) {
         display: none;
       }
     }
   }
+
   &__contents {
     display: flex;
     justify-content: space-between;
     flex-flow: row nowrap;
     width: 100%;
+
     @media screen and (max-width: 575px) {
       height: 100%;
     }
+
     @media screen and (min-width: 576px) {
       width: 85vw;
     }
+
     @media screen and (min-width: 769px) {
       width: 80vw;
     }
+
     @media screen and (min-width: 1281px) {
       width: 62vw;
     }
   }
+
   &__logo-container {
     display: flex;
     flex-direction: row;
     align-items: center;
     cursor: pointer;
   }
+
   &__account-menu-container {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
   }
+
   &__network-component-wrapper {
     display: flex;
     flex-direction: row;
     align-items: center;
   }
-}
\ No newline at end of file
+}