fix: add left margin to activity page (#5327)

* add left margin to activity page

* fix margins on filters and on mobile

src/nft/components/collection/Activity.tsx

@@ -130,7 +130,7 @@ export const Activity = ({ contractAddress, rarityVerified, collectionName, chai
   )
 
   return (
-    <Box>
+    <Box marginLeft={{ sm: '16', md: '48' }}>
       <Row gap="8" paddingTop={{ sm: '0', md: '16' }}>
         <Filter eventType={ActivityEventType.Listing} />
         <Filter eventType={ActivityEventType.Sale} />

src/nft/components/collection/Filters.css.ts

@@ -6,6 +6,7 @@ export const container = style([
     overflow: 'auto',
     height: 'viewHeight',
     paddingTop: '4',
+    marginLeft: { sm: '8', md: '48' },
   }),
   {
     width: '308px',

src/nft/pages/collection/index.tsx

@@ -157,7 +157,7 @@ const Collection = () => {
                   width={isMobile ? 'full' : '0'}
                   height={isMobile && isFiltersExpanded ? 'full' : undefined}
                   background={isMobile ? 'backgroundBackdrop' : undefined}
-                  zIndex={isMobile ? 'modalBackdrop' : undefined}
+                  zIndex="modalBackdrop"
                   overflowY={isMobile ? 'scroll' : undefined}
                 >
                   {isFiltersExpanded && (