From 0759850a3102a1e749ef8a10f90cd3d53b2b2a42 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Fri, 21 Aug 2020 13:12:44 +0200
Subject: [PATCH] Header on load adjustments

---
 packages/apps/src/Menu/index.tsx | 36 +++++++++++++-------------------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/packages/apps/src/Menu/index.tsx b/packages/apps/src/Menu/index.tsx
index 5b82da7fa8..eeffaf7f22 100644
--- a/packages/apps/src/Menu/index.tsx
+++ b/packages/apps/src/Menu/index.tsx
@@ -166,14 +166,6 @@ export default React.memo(styled(Menu)`
   position: relative;
   z-index: 220;
 
-  &.isLoading {
-    filter: grayscale(1);
-
-    .menuActive {
-      opacity: 0.66;
-    }
-  }
-
   &.menuBg,
   .menuBg {
     &:after {
@@ -188,22 +180,10 @@ export default React.memo(styled(Menu)`
     }
 
     &:before {
-      background; #fff;
       bottom: 0;
       content: ' ';
       left: 0;
-      position: absolute;
-      right: 0;
-      top: 0;
-      z-index: -2;
-    }
-
-    &:before {
-      bottom: 0;
-      content: ' ';
-      filter: invert(0.2) brightness(1.2);
-      left: 0;
-      opacity: 0.15;
+      opacity: 0.125;
       position: absolute;
       right: 0;
       top: 0;
@@ -211,6 +191,20 @@ export default React.memo(styled(Menu)`
     }
   }
 
+  &.isLoading.menuBg {
+    &:after {
+      background: #eee;
+    }
+
+    &:before {
+      filter: grayscale(1);
+    }
+
+    .menuActive {
+      opacity: 0.66;
+    }
+  }
+
   .menuSection {
     align-items: flex-end;
     align-self: flex-end;