fix: crash in nft listing flow (#6234)

* fix: crash in nft listing flow

* fix: rename test

cypress/e2e/nfts.test.ts

@@ -48,4 +48,9 @@ describe('Testing nfts', () => {
     cy.get(getTestSelector('nft-details-toggle-bag')).eq(1).click()
     cy.get(getTestSelector('nft-bag')).should('exist')
   })
+
+  it('should navigate to the owned nfts page', () => {
+    cy.get(getTestSelector('web3-status-connected')).click()
+    cy.get(getTestSelector('nft-view-self-nfts')).click()
+  })
 })

src/nft/components/profile/list/NFTListRow.tsx

@@ -7,7 +7,6 @@ import { Dispatch, useEffect, useReducer, useState } from 'react'
 import { Trash2 } from 'react-feather'
 import styled, { css, useTheme } from 'styled-components/macro'
 import { BREAKPOINTS, ThemedText } from 'theme'
-import { opacify } from 'theme/utils'
 
 import { MarketplaceRow } from './MarketplaceRow'
 import { SetPriceMethod } from './shared'
@@ -20,7 +19,7 @@ const NFTListRowWrapper = styled(Row)`
   border-radius: 8px;
 
   &:hover {
-    background: ${({ theme }) => opacify(24, theme.backgroundOutline)};
+    background: ${({ theme }) => theme.backgroundOutline};
   }
 `