- {metadataNameChars ? ellipsis(name, metadataNameChars) : name}
+ {displayName && (
+
+ {displayName}
)}
{hasWarning && (
diff --git a/source/renderer/app/components/wallet/tokens/wallet-token/WalletTokenHeader.scss b/source/renderer/app/components/wallet/tokens/wallet-token/WalletTokenHeader.scss
index d45c90c227..72de9658f0 100644
--- a/source/renderer/app/components/wallet/tokens/wallet-token/WalletTokenHeader.scss
+++ b/source/renderer/app/components/wallet/tokens/wallet-token/WalletTokenHeader.scss
@@ -17,6 +17,7 @@
.favoriteIcon {
border-radius: 3px;
cursor: pointer;
+ flex-shrink: 0;
height: 22px;
margin-left: 10px;
opacity: 0.3;
@@ -50,6 +51,7 @@
.asset {
margin-left: 10px;
margin-right: auto;
+ overflow: hidden;
width: auto;
}
diff --git a/storybook/stories/wallets/tokens/WalletTokens.stories.tsx b/storybook/stories/wallets/tokens/WalletTokens.stories.tsx
index 2029288ff9..315e78062f 100644
--- a/storybook/stories/wallets/tokens/WalletTokens.stories.tsx
+++ b/storybook/stories/wallets/tokens/WalletTokens.stories.tsx
@@ -36,7 +36,7 @@ const assets = [
// @ts-ignore ts-migrate(2554) FIXME: Expected 7 arguments, but got 4.
generateAssetToken(
'65bc72542b0ca20391caaf66a4d4d7897d281f9c136cd3513136945b',
- '',
+ '546f6b656e2077697468206c61726765206e616d65',
'tokenb0ca20391caaf66a4d4d7897d281f9c136cd3513136945b2342',
400
),