From 89c33deb3dfd482167b17a5c5d9f3dbbbfd57453 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Wed, 9 Sep 2020 11:18:33 +0200
Subject: [PATCH] Fix submenu shadow

---
 src/components/SideBar/MenuItem.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/SideBar/MenuItem.tsx b/src/components/SideBar/MenuItem.tsx
index fc8c921da..84f7ddab3 100644
--- a/src/components/SideBar/MenuItem.tsx
+++ b/src/components/SideBar/MenuItem.tsx
@@ -57,6 +57,7 @@ const useStyles = makeStyles(
     },
     paper: {
       borderRadius: 16,
+      boxShadow: "0px 6px 30px rgba(0, 0, 0, 0.16)",
       cursor: "default",
       padding: theme.spacing(3),
       textAlign: "left"
@@ -169,7 +170,7 @@ const MenuItem: React.FC<MenuItemProps> = ({
             onClickAway={() => setOpen(false)}
             mouseEvent="onClick"
           >
-            <Paper elevation={6} className={classes.paper}>
+            <Paper className={classes.paper}>
               {menuItem.children.map(subMenuItem => (
                 <Typography
                   aria-label={subMenuItem.ariaLabel}