fix: fixing header on light mode (#5178)

* fixing header on light mode

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

@@ -8,6 +8,8 @@ export const assetList = style([
     gap: { sm: '8', md: '12', lg: '20' },
   }),
   {
+    paddingLeft: 14,
+    paddingRight: 14,
     gridTemplateColumns: 'repeat(auto-fill, minmax(160px, 1fr) )',
     '@media': {
       'screen and (min-width: 708px)': {

src/nft/components/collection/CollectionNfts.tsx

@@ -122,6 +122,7 @@ const SweepButton = styled.div<{ toggled: boolean; disabled?: boolean }>`
   border: none;
   border-radius: 12px;
   padding: 12px 18px 12px 12px;
+  margin-right: 14px;
   cursor: ${({ disabled }) => (disabled ? 'auto' : 'pointer')};
   color: ${({ toggled, disabled, theme }) => (toggled && !disabled ? theme.accentTextLightPrimary : theme.textPrimary)};
   background: ${({ theme, toggled, disabled }) =>

src/nft/components/collection/FilterButton.tsx

@@ -34,6 +34,7 @@ export const FilterButton = ({
       position="relative"
       onClick={onClick}
       padding="12"
+      marginLeft="14"
       width={isMobile ? '44' : 'auto'}
       height="44"
       whiteSpace="nowrap"