Raise z-index of Filters container to be below Card shadow bevel

Shopify · Jan 17, 2024 · 572d3eb · 572d3eb
1 parent f1b44ab
commit 572d3eb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/selfish-ads-reflect.md b/.changeset/selfish-ads-reflect.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+Raised the z-index of `Filter`s container to be below `Card` shadow bevel
diff --git a/polaris-react/src/components/Filters/Filters.module.scss b/polaris-react/src/components/Filters/Filters.module.scss
@@ -2,7 +2,8 @@
 
 .Container {
   position: relative;
-  z-index: var(--p-z-index-1);
+  // stylelint-disable-next-line -- z-index below Card shadow bevel (32)
+  z-index: 30;
   border-bottom: var(--p-border-width-025) solid var(--p-color-border-secondary);
   border-top-left-radius: var(--p-border-radius-200);
   border-top-right-radius: var(--p-border-radius-200);