From 9c86666042d195d7b821f5a15ed5bd08538c1f3b Mon Sep 17 00:00:00 2001
From: Kichiyaki <dawidwysokinski000@gmail.com>
Date: Fri, 25 Dec 2020 16:06:55 +0100
Subject: [PATCH] ColorInput - add boxshadow and change bg color

---
 src/common/Form/ColorInput.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/common/Form/ColorInput.tsx b/src/common/Form/ColorInput.tsx
index 22037a1..3ec3e71 100644
--- a/src/common/Form/ColorInput.tsx
+++ b/src/common/Form/ColorInput.tsx
@@ -103,10 +103,12 @@ function ColorInput({
   );
 }
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles(theme => ({
   popper: {
+    zIndex: theme.zIndex.appBar + 1,
     '& .block-picker': {
-      backgroundColor: '#ecd7ac !important',
+      backgroundColor: `${theme.palette.background.paper} !important`,
+      boxShadow: `${theme.shadows[4]} !important`,
     },
   },
 }));