1 files changed, 21 insertions, 5 deletions
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss
index f750ec014..4fa80f047 100644
--- a/ui/app/css/itcss/components/header.scss
+++ b/ui/app/css/itcss/components/header.scss
@@ -8,15 +8,24 @@
   flex-flow: column nowrap;
 
   @media screen and (max-width: 575px) {
-    padding: 0 12px;
+    padding: 12px;
     width: 100%;
     box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
     z-index: $mobile-header-z-index;
   }
 
   @media screen and (min-width: 576px) {
-    height: 14.4vh;
-    max-height: 97px;
+    height: 75px;
+    justify-content: center;
+
+    &::after {
+      content: '';
+      position: absolute;
+      width: 100%;
+      height: 32px;
+      background: $gallery;
+      bottom: -32px;
+    }
   }
 }
 
@@ -45,13 +54,13 @@
 }
 
 .app-header h1 {
-  font-family: 'Montserrat Regular';
+  font-family: Roboto;
   text-transform: uppercase;
+  font-weight: 400;
   color: #22232c; // $shark
 }
 
 h2.page-subtitle {
-  font-family: 'Montserrat Regular';
   text-transform: uppercase;
   color: #aeaeae;
   font-size: 1em;
@@ -62,6 +71,7 @@ h2.page-subtitle {
   display: flex;
   flex-direction: row;
   align-items: center;
+  margin-right: 20px;
 }
 
 .left-menu-wrapper {
@@ -69,3 +79,9 @@ h2.page-subtitle {
   flex-direction: row;
   align-items: center;
 }
+
+.header__right-actions {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+}