From ded849fd6d707bf6c383e446e563c97b3a7afff8 Mon Sep 17 00:00:00 2001
From: David Sun <dvsuner@protonmail.com>
Date: Fri, 5 Apr 2019 15:01:07 -0700
Subject: [PATCH] fix for menu z-index

---
 packages/website/ts/pages/explore.tsx              | 2 ++
 packages/website/ts/pages/explore/explore_grid.tsx | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/packages/website/ts/pages/explore.tsx b/packages/website/ts/pages/explore.tsx
index 1c40a0d54a..d667429815 100644
--- a/packages/website/ts/pages/explore.tsx
+++ b/packages/website/ts/pages/explore.tsx
@@ -340,6 +340,8 @@ const ExploreHero = (props: ExploreHeroProps) => {
 const ExploreToolBarWrapper = styled.div`
     display: flex;
     justify-content: space-between;
+    z-index: 1;
+    position: relative;
     ${addFadeInAnimation('0.5s', '0.15s')}
     @media (max-width: 36rem) {
         display: block;
diff --git a/packages/website/ts/pages/explore/explore_grid.tsx b/packages/website/ts/pages/explore/explore_grid.tsx
index aceceed5dd..d0ec8e6204 100644
--- a/packages/website/ts/pages/explore/explore_grid.tsx
+++ b/packages/website/ts/pages/explore/explore_grid.tsx
@@ -124,6 +124,8 @@ const ExploreGridList = styled.div<ExploreGridListProps>`
     grid-template-columns: repeat(${ExploreTileGridWidth.ThreeColumn}, 1fr);
     grid-column-gap: 1.5rem;
     grid-row-gap: 1.5rem;
+    z-index: 0;
+    position: relative;
     ${addFadeInAnimation('0.5s', '0.25s')}
     & > * {
         align-self: stretch;