1 files changed, 7 insertions, 2 deletions

diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss
index 9d4b1c7..5ad58ec 100644
--- a/src/objects/_popover.scss
+++ b/src/objects/_popover.scss
@@ -14,7 +14,12 @@
         --colors: (
             --bg:        fn.global-color(--bg-l2),
             --border:    fn.global-color(--border),
-            --shadow:    0 .2em .5em rgba(#000, .1),
+            --filter:    drop-shadow(
+                fn.global-dim(--shadow --x)
+                fn.global-dim(--shadow --y)
+                fn.global-dim(--shadow --blur)
+                fn.global-color(--shadow)
+            ),
         ),
     ));
 
@@ -29,7 +34,7 @@
         border:             fn.dim(--border) solid fn.color(--border);
         border-radius:      fn.dim(--rounding);
         background-color:   fn.color(--bg);
-        box-shadow:         fn.color(--shadow);
+        filter:             fn.color(--filter);
 
         @include iro.bem-modifier('up-left') {
             transform: translate(var(--x), calc(var(--y) - 100%));