From f6115a73d45f17eb74b6430fc782c9bcff3ec9ec Mon Sep 17 00:00:00 2001
From: "Michael S. Molina" <70410625+michael-s-molina@users.noreply.github.com>
Date: Mon, 26 Jul 2021 15:16:40 -0300
Subject: [PATCH] fix: Side menu of the dashboard component will scroll out of
 dashboard (#15888)

---
 .../components/DashboardBuilder/DashboardBuilder.tsx        | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
index 407ae9f106..552266f94d 100644
--- a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
+++ b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
@@ -69,10 +69,11 @@ const StyledDiv = styled.div`
   flex: 1;
 `;
 
+// @z-index-above-dashboard-charts + 1 = 11
 const FiltersPanel = styled.div`
   grid-column: 1;
   grid-row: 1 / span 2;
-  z-index: 2;
+  z-index: 11;
 `;
 
 const StickyPanel = styled.div<{ width: number }>`
@@ -82,12 +83,13 @@ const StickyPanel = styled.div<{ width: number }>`
   flex: 0 0 ${({ width }) => width}px;
 `;
 
+// @z-index-above-dashboard-charts + 1 = 11
 const StyledHeader = styled.div`
   grid-column: 2;
   grid-row: 1;
   position: sticky;
   top: 0px;
-  z-index: 2;
+  z-index: 11;
 `;
 
 const StyledContent = styled.div<{