[components] Fix popover z-index

sanity-io · Oct 6, 2020 · 1007f1e · 1007f1e
1 parent 6a11a6d
commit 1007f1e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/@sanity/components/src/popover/popover.css b/packages/@sanity/components/src/popover/popover.css
@@ -1,15 +1,16 @@
 @import 'part:@sanity/base/theme/variables-style';
 
 .root {
-  z-index: 9999;
+  z-index: var(--zindex-popover);
   display: flex;
 }
 
 .card {
+  composes: shadow-12dp from 'part:@sanity/base/theme/shadows-style';
+
   background: var(--component-bg);
   color: var(--component-text-color);
   border-radius: var(--border-radius-medium);
-  box-shadow: 0 0 0 1px var(--hairline-color), 0 4px 8px color(var(--gray) alpha(30%));
   flex: 1;
   overflow: hidden;