fix: token name truncation

[n3ps]

Description

Fix token name truncation

Long term, we need to handle this in a list item type of component

Changelog

CHANGELOG entry: fix: token name truncation

Related issues

Fixes:

Manual testing steps

1. Go to this page...

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

---

Note

Adds min-w-0 to token title wrappers to allow proper name ellipsis; updates affected snapshots.

• Frontend
  • ui/components/app/assets/token-cell/cells/token-cell-title.tsx: Add className="min-w-0" to the outer and inner Box wrappers around AssetCellTitle/Tag to enable token name truncation.
• Tests
  • Update snapshots reflecting layout changes in:
    • ui/components/app/assets/token-cell/__snapshots__/token-cell.test.tsx.snap
    • ui/pages/asset/components/__snapshots__/asset-page.test.tsx.snap
    • ui/pages/defi/components/__snapshots__/defi-details-list.test.tsx.snap
    • ui/pages/defi/components/__snapshots__/defi-details-page.test.tsx.snap

^{Written by Cursor Bugbot for commit db41a4d. This will update automatically on new commits. Configure here.}

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[metamaskbot]

✨ Files requiring CODEOWNER review ✨

💎 @MetaMask/metamask-assets (2 files, +4 -4)

• 📁 ui/
  • 📁 components/
    • 📁 app/
      • 📁 assets/
        • 📁 token-cell/
          • 📁 __snapshots__/
            • 📄 token-cell.test.tsx.snap +2 -2
          • 📁 cells/
            • 📄 token-cell-title.tsx +2 -2

[metamaskbot]

📊 Page Load Benchmark Results

Current Commit: db41a4d | Date: 10/31/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.04s (±42ms) 🟡 | historical mean value: 1.04s ⬆️ (historical data)
• domContentLoaded-> current mean value: 729ms (±63ms) 🟢 | historical mean value: 722ms ⬆️ (historical data)
• firstContentfulPaint-> current mean value: 81ms (±43ms) 🟢 | historical mean value: 77ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	42ms	1.02s	1.36s	1.07s	1.36s
domContentLoaded	729ms	63ms	701ms	1.31s	753ms	1.31s
firstPaint	81ms	43ms	64ms	508ms	88ms	508ms
firstContentfulPaint	81ms	43ms	64ms	508ms	88ms	508ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

---

Results generated automatically by MetaMask CI

[metamaskbot]

Builds ready [db41a4d]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• bundle size: Bundle Size Stats
• user-actions-benchmark: User Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1225 ± 100 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Standard Home	uiStartup	1225	1044	1602	100	1291	1380
			load	1041	891	1389	91	1096	1192
			domContentLoaded	1034	886	1376	89	1090	1185
			domInteractive	20	12	72	10	18	46
			firstPaint	685	83	1397	421	1071	1189
			backgroundConnect	200	181	221	8	205	218
			firstReactRender	28	16	55	7	32	41
			getState	23	8	76	12	27	45
			initialActions	9	0	51	9	9	34
			loadScripts	841	703	1189	89	893	992
			setupStore	11	5	26	4	14	21
			numNetworkReqs	9	6	32	7	6	31
	Browserify	Power User Home	uiStartup	2301	1921	3322	524	2914	3322
			load	1221	966	1883	345	1763	1883
			domContentLoaded	1212	956	1865	343	1756	1865
			domInteractive	33	16	94	23	54	94
			firstPaint	696	92	1219	388	1021	1219
			backgroundConnect	268	228	440	57	270	440
			firstReactRender	27	24	32	2	30	32
			getState	190	161	266	30	205	266
			initialActions	11	3	106	25	7	106
			loadScripts	959	730	1492	304	1463	1492
			setupStore	11	10	13	1	13	13
			numNetworkReqs	325	178	668	179	518	668
	Webpack	Standard Home	uiStartup	874	743	1202	81	886	1073
			load	652	602	999	77	656	885
			domContentLoaded	644	594	989	76	650	877
			domInteractive	15	12	40	6	15	35
			firstPaint	203	59	948	213	198	752
			backgroundConnect	24	12	55	8	28	39
			firstReactRender	29	18	89	11	33	39
			getState	12	6	21	4	15	18
			initialActions	3	0	17	2	4	7
			loadScripts	640	591	978	74	648	866
			setupStore	11	6	23	3	12	16
			numNetworkReqs	9	6	36	8	8	32
	Webpack	Power User Home	uiStartup	1713	1287	2404	371	2218	2404
			load	751	620	1162	166	901	1162
			domContentLoaded	713	609	1006	125	820	1006
			domInteractive	21	13	51	11	32	51
			firstPaint	530	70	1125	340	826	1125
			backgroundConnect	123	19	453	144	116	453
			firstReactRender	27	22	40	4	27	40
			getState	160	130	202	16	161	202
			initialActions	20	1	159	42	27	159
			loadScripts	709	607	996	122	808	996
			setupStore	22	7	89	24	31	89
			numNetworkReqs	289	120	558	150	500	558
Firefox	Browserify	Standard Home	uiStartup	1454	1282	1741	96	1510	1613
			load	1239	1113	1408	74	1298	1368
			domContentLoaded	1239	1113	1408	74	1298	1368
			domInteractive	115	34	272	46	129	241
			firstPaint	-	-	-	-	-	-
			backgroundConnect	42	24	134	19	45	82
			firstReactRender	26	21	70	8	26	49
			getState	8	4	185	18	7	11
			initialActions	3	1	10	1	3	5
			loadScripts	1212	1097	1377	73	1269	1342
			setupStore	10	6	32	3	11	13
			numNetworkReqs	9	6	33	6	7	26
	Browserify	Power User Home	uiStartup	2568	2183	3808	391	2725	3808
			load	1401	1167	1743	144	1493	1743
			domContentLoaded	1400	1167	1743	144	1493	1743
			domInteractive	174	98	355	80	268	355
			firstPaint	-	-	-	-	-	-
			backgroundConnect	188	31	649	170	245	649
			firstReactRender	36	28	59	9	45	59
			getState	118	50	199	34	136	199
			initialActions	7	1	60	14	7	60
			loadScripts	1341	1144	1623	129	1440	1623
			setupStore	32	7	133	33	34	133
			numNetworkReqs	241	150	546	105	319	546
	Webpack	Standard Home	uiStartup	1681	1460	2103	134	1709	2031
			load	1436	1269	1798	98	1481	1618
			domContentLoaded	1436	1269	1798	98	1481	1617
			domInteractive	120	34	524	82	123	341
			firstPaint	-	-	-	-	-	-
			backgroundConnect	50	28	129	20	56	90
			firstReactRender	34	24	79	16	30	77
			getState	12	4	172	24	9	48
			initialActions	4	1	76	9	4	9
			loadScripts	1407	1248	1762	94	1444	1582
			setupStore	12	7	34	4	13	19
			numNetworkReqs	9	6	33	7	8	28
	Webpack	Power User Home	uiStartup	2947	2382	4275	503	3171	4275
			load	1684	1350	2272	276	1914	2272
			domContentLoaded	1683	1350	2271	275	1914	2271
			domInteractive	160	79	352	81	197	352
			firstPaint	-	-	-	-	-	-
			backgroundConnect	186	52	630	173	196	630
			firstReactRender	46	29	106	19	49	106
			getState	145	94	297	48	161	297
			initialActions	10	1	26	8	20	26
			loadScripts	1621	1323	2191	253	1802	2191
			setupStore	36	7	92	29	64	92
			numNetworkReqs	282	160	584	133	333	584

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 68 Bytes (0%)
• ui: 40 Bytes (0%)
• common: 10 Bytes (0%)