From b1e2daa4ff8d4b861f40a277c3ccafb1f90c59e7 Mon Sep 17 00:00:00 2001
From: salimtb <salim.toubal@outlook.com>
Date: Thu, 17 Oct 2024 18:21:00 +0200
Subject: [PATCH] fix: temp ci

---
 .../asset-picker-modal/AssetList.tsx          | 23 +++++++++++++------
 .../asset-picker-modal/index.scss             |  4 ++--
 ui/components/multichain/nft-item/nft-item.js |  1 -
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/ui/components/multichain/asset-picker-amount/asset-picker-modal/AssetList.tsx b/ui/components/multichain/asset-picker-amount/asset-picker-modal/AssetList.tsx
index b2a8ae137639..99054a0e2f5b 100644
--- a/ui/components/multichain/asset-picker-amount/asset-picker-modal/AssetList.tsx
+++ b/ui/components/multichain/asset-picker-amount/asset-picker-modal/AssetList.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { useSelector } from 'react-redux';
+import classnames from 'classnames';
 import {
   getCurrentCurrency,
   getSelectedAccountCachedBalance,
@@ -74,6 +75,7 @@ export default function AssetList({
                 ? BackgroundColor.primaryMuted
                 : BackgroundColor.transparent
             }
+            className="multichain-asset-picker-list-items"
             data-testid="asset-list-item"
             onClick={() => {
               if (isDisabled) {
@@ -89,13 +91,20 @@ export default function AssetList({
               flexWrap={FlexWrap.NoWrap}
               alignItems={AlignItems.center}
             >
-              <Box marginInlineStart={2}>
-                {isSelected ? (
-                  <Box
-                    borderRadius={BorderRadius.pill}
-                    backgroundColor={BackgroundColor.primaryDefault}
-                  />
-                ) : null}
+              {isSelected ? (
+                <Box
+                  className="multichain-asset-picker-list-items__selected-indicator"
+                  borderRadius={BorderRadius.pill}
+                  backgroundColor={BackgroundColor.primaryDefault}
+                />
+              ) : null}
+              <Box
+                marginInlineStart={2}
+                className={classnames('multichain-asset-picker-list-items', {
+                  'multichain-asset-picker-list-items--selected': isSelected,
+                  'multichain-asset-picker-list-items--disabled': isDisabled,
+                })}
+              >
                 {token.type === AssetType.native ? (
                   <TokenListItem
                     title={token.symbol}
diff --git a/ui/components/multichain/asset-picker-amount/asset-picker-modal/index.scss b/ui/components/multichain/asset-picker-amount/asset-picker-modal/index.scss
index be1e27dc1416..7824222c0bc8 100644
--- a/ui/components/multichain/asset-picker-amount/asset-picker-modal/index.scss
+++ b/ui/components/multichain/asset-picker-amount/asset-picker-modal/index.scss
@@ -25,13 +25,13 @@
     vertical-align: unset;
   }
 
-  .multichain-asset-picker-list-item {
+  .multichain-asset-picker-list-items {
     position: relative;
     cursor: pointer;
     overflow-y: auto;
     max-height: 50vh;
 
-    &:not(.multichain-asset-picker-list-item--selected) {
+    &:not(.multichain-asset-picker-list-items--selected) {
       &:hover,
       &:focus-within {
         background: var(--color-background-default-hover);
diff --git a/ui/components/multichain/nft-item/nft-item.js b/ui/components/multichain/nft-item/nft-item.js
index 81b92b846885..e486d03cac79 100644
--- a/ui/components/multichain/nft-item/nft-item.js
+++ b/ui/components/multichain/nft-item/nft-item.js
@@ -9,7 +9,6 @@ import {
   BadgeWrapper,
   BadgeWrapperAnchorElementShape,
   Box,
-  Text,
 } from '../../component-library';
 import {
   BackgroundColor,