From 4c23f62a24ed57e3d6b9b67b9a371af6bb12d961 Mon Sep 17 00:00:00 2001
From: vignesh mohankumar <vignesh@vigneshmohankumar.com>
Date: Mon, 21 Nov 2022 14:00:59 -0500
Subject: [PATCH] fix: show mobile filters on top of nav (#5366)

---
 src/nft/components/profile/view/FilterSidebar.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/nft/components/profile/view/FilterSidebar.tsx b/src/nft/components/profile/view/FilterSidebar.tsx
index f6d3f73f69..ac63f6686a 100644
--- a/src/nft/components/profile/view/FilterSidebar.tsx
+++ b/src/nft/components/profile/view/FilterSidebar.tsx
@@ -84,14 +84,15 @@ export const FilterSidebar = ({
   return (
     // @ts-ignore
     <AnimatedBox
-      position="sticky"
-      top="72"
+      position={{ sm: 'fixed', md: 'sticky' }}
+      top={{ sm: '0', md: '72' }}
       left={{ sm: '0', md: 'unset' }}
       width={{ sm: 'full', md: '332', lg: '332' }}
       height={{ sm: 'full', md: 'auto' }}
-      zIndex={{ sm: '3', md: 'auto' }}
+      zIndex={{ sm: 'modal', md: 'auto' }}
       display={isFiltersExpanded ? 'flex' : 'none'}
       style={{ transform: isMobile ? undefined : sidebarX.to((x) => `translateX(${x}px)`) }}
+      background="backgroundBackdrop"
     >
       <Box
         paddingTop={{ sm: '24', md: '0' }}