fix(bag-footer): remove double border top and excess margin (#5171)

src/nft/components/bag/Bag.tsx

@@ -279,9 +279,11 @@ const Bag = () => {
     [itemsInBag, totalUsdPrice]
   )
 
+  if (!bagExpanded || !isNFTPage) {
+    return null
+  }
+
   return (
-    <>
-      {bagExpanded && isNFTPage ? (
     <Portal>
       <Column zIndex={isMobile || isOpen ? 'modal' : '3'} className={styles.bagContainer}>
         {!(isProfilePage && profilePageState === ProfilePageStateType.LISTING) ? (
@@ -297,7 +299,6 @@ const Bag = () => {
             <Column ref={scrollRef} className={styles.assetsContainer} onScroll={scrollHandler} gap="12">
               {isProfilePage ? <ProfileBagContent /> : <BagContent />}
             </Column>
-                <ScrollingIndicator show={userCanScroll && scrollProgress < 100} />
             {hasAssetsToShow && !isProfilePage && (
               <BagFooter
                 totalEthPrice={totalEthPrice}
@@ -334,8 +335,6 @@ const Bag = () => {
         isOpen && <Overlay onClick={() => (!bagIsLocked ? setModalIsOpen(false) : undefined)} />
       )}
     </Portal>
-      ) : null}
-    </>
   )
 }
 

src/nft/components/bag/BagFooter.css.ts

@@ -3,7 +3,6 @@ import { body } from 'nft/css/common.css'
 import { sprinkles } from 'nft/css/sprinkles.css'
 
 export const footerContainer = sprinkles({
-  marginTop: '20',
   paddingX: '16',
 })