+
+
+
+ {asset.name} | {asset.symbol}
+
+
+ {asset.source.__typename === 'ERC20'
+ ? truncateMiddle(asset.source.contractAddress)
+ : asset.source.__typename}
+
+
+
+ {addDecimalsFormatNumber(asset.balance, asset.decimals)}
+
+
+ );
+};
diff --git a/libs/assets/src/lib/asset-option.tsx b/libs/assets/src/lib/asset-option.tsx
index 39849dc07f..66354015a0 100644
--- a/libs/assets/src/lib/asset-option.tsx
+++ b/libs/assets/src/lib/asset-option.tsx
@@ -1,4 +1,7 @@
-import { TradingOption, truncateMiddle } from '@vegaprotocol/ui-toolkit';
+import {
+ TradingRichSelectOption,
+ truncateMiddle,
+} from '@vegaprotocol/ui-toolkit';
import type { AssetFieldsFragment } from './__generated__/Asset';
import classNames from 'classnames';
import type { ReactNode } from 'react';
@@ -55,7 +58,7 @@ export const AssetOption = ({ asset, balance }: AssetOptionProps) => {
asset.source.__typename === 'ERC20' && asset.source.contractAddress;
return (
-