fix: MediaIconWrapper background set to 100% opacity

Author: andrewlee348

packages/wallet-widget/src/components/Filter/NetworksFilter.tsx

@@ -5,6 +5,7 @@ import { useSettings } from '../../hooks'
 import { MediaIconWrapper } from '../IconWrappers'
 import { ListCardSelect } from '../ListCard/ListCardSelect'
 
+import { NetworkImageCustom } from './NetworkImageCustom'
 import { NetworkRow } from './NetworkRow'
 
 export const NetworksFilter = () => {
@@ -17,7 +18,9 @@ export const NetworksFilter = () => {
       {allNetworks.length > 1 && (
         <ListCardSelect key="all" isSelected={selectedNetworks.length > 1} onClick={() => setSelectedNetworks([])}>
           <MediaIconWrapper
-            iconList={allNetworks.map(network => `https://assets.sequence.info/images/networks/medium/${network}.webp`)}
+            iconList={allNetworks.map(network => (
+              <NetworkImageCustom chainId={network} style={{ width: '32px', height: '32px' }} />
+            ))}
             size="sm"
           />
           <Text color="primary" fontWeight="medium" variant="normal">

packages/wallet-widget/src/components/IconWrappers/MediaIconWrapper.tsx

@@ -87,7 +87,7 @@ export const MediaIconWrapper = ({
                     height: `calc(${widthClassMap[size]} + 2px)`
                   }}
                 >
-                  <img className="bg-background-muted" src={icon} alt="icon" />
+                  <img src={icon} alt="icon" style={{ backgroundColor: 'lightgray' }} />
                 </div>
               )}
             </>