1 files changed, 16 insertions, 2 deletions

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
+}