chore: asset page sticky header

[n3ps]

Description

In asset and DeFi details pages, keep the header sticky. Aligns with other pages.

Changelog

CHANGELOG entry: chore: asset details sticky header

Related issues

Fixes:

Manual testing steps

1. Tokens > click on an asset and scroll
2. DeFi > click on an item and scroll

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

Keeps navigation/actions visible by making the top header sticky on asset and DeFi details pages.

• Updated ui/pages/asset/components/asset-page.tsx: removed outer marginTop, moved header paddingTop to classes, and added pt-4 sticky top-0 z-10 bg-background-default on the header Box
• Updated ui/pages/defi/components/defi-details-page.tsx: added pt-4 sticky top-0 z-10 bg-background-default to the header Box
• Refreshed snapshots for asset-page.test.tsx.snap and defi-details-page.test.tsx.snap to reflect new classes

^{Written by Cursor Bugbot for commit d8a94a7. 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.

[metamaskbotv2]

Builds ready [d8a94a7]

• 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, 15
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1283 ± 114 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	1283	1018	1566	114	1343	1492
			load	1074	858	1325	111	1125	1279
			domContentLoaded	1068	855	1318	110	1120	1271
			domInteractive	25	15	89	18	21	78
			firstPaint	165	61	1090	170	192	303
			backgroundConnect	210	191	258	11	214	235
			firstReactRender	13	9	24	3	15	18
			getState	34	17	76	9	38	47
			initialActions	1	0	3	1	1	1
			loadScripts	865	656	1117	111	918	1070
			setupStore	11	6	27	3	12	20
			numNetworkReqs	18	11	79	18	11	73
	Browserify	Power User Home	uiStartup	1850	1448	2447	168	1929	2154
			load	1020	902	1342	104	1037	1275
			domContentLoaded	1007	887	1323	105	1029	1269
			domInteractive	33	17	129	23	32	101
			firstPaint	188	75	1170	147	235	345
			backgroundConnect	270	199	692	125	244	610
			firstReactRender	22	15	47	5	23	30
			getState	174	135	277	27	188	228
			initialActions	1	0	4	1	1	2
			loadScripts	798	682	1113	104	811	1072
			setupStore	17	9	48	8	17	40
			numNetworkReqs	59	38	202	25	59	119
	Webpack	Standard Home	uiStartup	807	652	1091	89	860	989
			load	646	575	954	74	664	812
			domContentLoaded	641	571	947	74	658	807
			domInteractive	25	15	99	19	22	87
			firstPaint	118	59	627	89	136	344
			backgroundConnect	29	6	113	30	38	102
			firstReactRender	16	11	34	4	17	26
			getState	32	15	91	13	42	52
			initialActions	1	0	4	1	1	1
			loadScripts	638	569	939	72	655	797
			setupStore	13	6	41	7	14	27
			numNetworkReqs	18	11	80	18	11	73
	Webpack	Power User Home	uiStartup	1342	1005	2157	261	1428	1993
			load	701	602	1152	102	699	955
			domContentLoaded	692	596	1146	101	687	942
			domInteractive	37	18	191	34	31	134
			firstPaint	158	64	962	112	198	320
			backgroundConnect	80	8	565	151	66	537
			firstReactRender	22	15	33	3	23	29
			getState	152	131	226	15	161	177
			initialActions	1	0	3	1	1	2
			loadScripts	688	593	1137	100	685	937
			setupStore	17	8	68	9	17	39
			numNetworkReqs	60	38	150	27	62	136
Firefox	Browserify	Standard Home	uiStartup	1386	1089	2299	194	1488	1719
			load	1110	939	2048	143	1159	1308
			domContentLoaded	1109	935	2048	143	1158	1308
			domInteractive	75	32	888	92	86	185
			firstPaint	-	-	-	-	-	-
			backgroundConnect	52	19	174	41	62	149
			firstReactRender	12	9	20	2	12	17
			getState	17	6	256	36	11	31
			initialActions	1	0	2	0	1	2
			loadScripts	1075	923	1938	126	1112	1264
			setupStore	20	5	798	79	11	38
			numNetworkReqs	19	9	83	19	13	71
	Browserify	Power User Home	uiStartup	2554	1918	6897	739	2545	4496
			load	1268	996	5474	503	1190	1979
			domContentLoaded	1267	996	5474	503	1189	1979
			domInteractive	120	33	490	107	116	454
			firstPaint	-	-	-	-	-	-
			backgroundConnect	110	33	1177	130	107	291
			firstReactRender	25	15	90	12	26	61
			getState	275	72	845	222	417	758
			initialActions	2	1	7	1	2	3
			loadScripts	1215	971	5439	480	1150	1640
			setupStore	152	11	1460	221	137	629
			numNetworkReqs	60	32	212	47	50	199
	Webpack	Standard Home	uiStartup	1492	1256	2046	160	1561	1862
			load	1261	1060	1573	108	1327	1465
			domContentLoaded	1261	1059	1572	108	1327	1465
			domInteractive	68	27	212	39	92	129
			firstPaint	-	-	-	-	-	-
			backgroundConnect	46	19	133	24	51	110
			firstReactRender	14	10	38	3	14	18
			getState	15	8	138	15	13	40
			initialActions	1	0	3	1	2	2
			loadScripts	1234	1044	1557	100	1290	1432
			setupStore	17	4	220	27	14	72
			numNetworkReqs	20	9	90	20	13	78
	Webpack	Power User Home	uiStartup	2875	2129	6859	797	3125	4408
			load	1617	1142	5449	650	1552	2903
			domContentLoaded	1617	1142	5449	651	1552	2903
			domInteractive	119	28	1010	155	101	466
			firstPaint	-	-	-	-	-	-
			backgroundConnect	160	23	1175	216	152	920
			firstReactRender	24	16	85	9	28	31
			getState	277	74	892	228	403	772
			initialActions	2	1	4	1	2	3
			loadScripts	1556	1126	5345	602	1520	2681
			setupStore	119	8	729	169	92	607
			numNetworkReqs	57	30	177	33	86	126

📊 Page Load Benchmark Results

Current Commit: d8a94a7 | Date: 1/8/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.04s (±39ms) 🟡 | historical mean value: 1.04s ⬆️ (historical data)
• domContentLoaded-> current mean value: 723ms (±36ms) 🟢 | historical mean value: 723ms ⬇️ (historical data)
• firstContentfulPaint-> current mean value: 77ms (±14ms) 🟢 | historical mean value: 79ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	39ms	1.01s	1.33s	1.06s	1.33s
domContentLoaded	723ms	36ms	703ms	989ms	741ms	989ms
firstPaint	77ms	14ms	56ms	200ms	84ms	200ms
firstContentfulPaint	77ms	14ms	56ms	200ms	84ms	200ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

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

• background: 58 Bytes (0%)
• ui: 76 Bytes (0%)
• common: 20 Bytes (0%)