From a0a891a193d389b6f9c2dd8d89fc91f2b4d83230 Mon Sep 17 00:00:00 2001
From: Himanshu Mishra <himanshu@orkohunter.net>
Date: Sat, 30 May 2020 21:37:54 +0900
Subject: [PATCH] Fix overlap issue with Sidebar and Dismissable banner (#1077)

* Increase zIndex of Sidebar to be on top of the page

As of now, the Sidebar is being overlapped by Dismissable banner component

* Unset z-index of Dismissable Banner

It inherits a z-index of 1400 from Material UI's snackbar component
---
 .../core/src/components/DismissableBanner/DismissableBanner.tsx  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/core/src/components/DismissableBanner/DismissableBanner.tsx b/packages/core/src/components/DismissableBanner/DismissableBanner.tsx
index 7190ee8725..b7a36c8b98 100644
--- a/packages/core/src/components/DismissableBanner/DismissableBanner.tsx
+++ b/packages/core/src/components/DismissableBanner/DismissableBanner.tsx
@@ -31,6 +31,7 @@ const useStyles = makeStyles((theme: Theme) => ({
     marginTop: -theme.spacing(3),
     display: 'flex',
     flexFlow: 'row nowrap',
+    zIndex: 'unset',
   },
   icon: {
     fontSize: 20,