fix: dapp swap design fixes

[jpuri]

Description

Design fixesin dapp swap banner.

Changelog

CHANGELOG entry:

Related issues

NA

Manual testing steps

1. Submit swap command
2. Check style of banner and ensure they align with designs

Screenshots/Recordings

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

Increase banner text size to BodySm, add medium weight heading, and update rewards text color to accent01-normal.

• UI — ui/pages/.../dapp-swap-comparison-banner.tsx
  • Increase text variants from BodyXs to BodySm for quote difference, divider dot, rewards text, and benefits line.
  • Add fontWeight={FontWeight.Medium} to callout heading.
  • Use optional chaining for rewards?.text.
• Styles — ui/pages/.../dapp-swap-comparison-banner/index.scss
  • Update rewards text color from --color-accent01-light to --color-accent01-normal.

^{Written by Cursor Bugbot for commit 435fab8. 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/confirmations (2 files, +8 -7)

• 📁 ui/
  • 📁 pages/
    • 📁 confirmations/
      • 📁 components/
        • 📁 confirm/
          • 📁 dapp-swap-comparison-banner/
            • 📄 dapp-swap-comparison-banner.tsx +7 -6
            • 📄 index.scss +1 -1

[metamaskbot]

Builds ready [435fab8]

• 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 (1280 ± 76 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	1280	1119	1587	76	1314	1427
			load	1055	914	1348	67	1096	1159
			domContentLoaded	1049	910	1342	66	1090	1139
			domInteractive	23	16	59	8	23	43
			firstPaint	559	83	1368	423	1051	1157
			backgroundConnect	226	203	286	16	234	261
			firstReactRender	47	32	144	17	51	81
			getState	34	15	94	14	41	65
			initialActions	1	0	4	1	1	2
			loadScripts	831	688	1106	64	871	914
			setupStore	12	6	27	4	13	22
			numNetworkReqs	8	6	30	5	6	21
	Browserify	Power User Home	uiStartup	1865	1629	2289	121	1943	2059
			load	1071	902	1382	91	1126	1224
			domContentLoaded	1055	890	1349	89	1104	1196
			domInteractive	27	16	98	11	28	51
			firstPaint	505	93	1226	397	1017	1186
			backgroundConnect	252	197	712	95	242	541
			firstReactRender	45	35	197	16	45	57
			getState	191	144	320	34	207	263
			initialActions	1	0	7	1	1	2
			loadScripts	845	686	1145	89	897	997
			setupStore	16	10	37	7	16	35
			numNetworkReqs	68	22	113	13	68	106
	Webpack	Standard Home	uiStartup	820	710	952	50	853	902
			load	636	562	758	51	682	729
			domContentLoaded	631	558	751	52	678	722
			domInteractive	22	16	44	7	22	39
			firstPaint	213	85	760	157	200	649
			backgroundConnect	11	6	37	7	13	29
			firstReactRender	61	34	212	42	75	154
			getState	23	13	48	8	27	42
			initialActions	1	0	3	1	1	1
			loadScripts	628	556	749	51	676	720
			setupStore	10	6	35	4	11	18
			numNetworkReqs	8	6	30	6	6	30
	Webpack	Power User Home	uiStartup	1464	1171	1857	159	1589	1737
			load	734	575	932	95	817	889
			domContentLoaded	727	570	920	93	803	880
			domInteractive	27	17	86	13	27	57
			firstPaint	256	84	878	182	247	687
			backgroundConnect	53	6	607	103	54	237
			firstReactRender	47	39	64	5	48	60
			getState	196	76	655	62	227	272
			initialActions	1	0	2	0	1	1
			loadScripts	724	568	917	93	800	878
			setupStore	15	8	39	8	14	37
			numNetworkReqs	68	56	108	10	68	98
Firefox	Browserify	Standard Home	uiStartup	1284	1087	1643	119	1375	1501
			load	1061	928	1479	83	1104	1207
			domContentLoaded	1060	928	1478	83	1104	1207
			domInteractive	58	31	234	33	83	136
			firstPaint	-	-	-	-	-	-
			backgroundConnect	39	20	127	20	45	91
			firstReactRender	35	29	60	5	36	44
			getState	10	6	82	8	10	16
			initialActions	1	0	2	0	1	2
			loadScripts	1035	910	1367	74	1074	1168
			setupStore	10	6	42	5	10	15
			numNetworkReqs	8	6	26	5	7	25
	Browserify	Power User Home	uiStartup	2643	1584	3489	581	3133	3336
			load	1629	972	2478	539	2155	2348
			domContentLoaded	1628	972	2478	539	2155	2347
			domInteractive	108	32	1078	219	73	1027
			firstPaint	-	-	-	-	-	-
			backgroundConnect	166	25	1139	229	180	1035
			firstReactRender	55	35	120	14	60	88
			getState	145	80	288	50	173	255
			initialActions	4	0	142	14	2	7
			loadScripts	1552	958	2455	509	2053	2274
			setupStore	53	5	1126	126	36	226
			numNetworkReqs	70	40	128	17	68	120
	Webpack	Standard Home	uiStartup	1511	1385	1914	82	1555	1632
			load	1243	1140	1365	57	1282	1340
			domContentLoaded	1243	1139	1365	57	1281	1340
			domInteractive	67	30	187	35	84	133
			firstPaint	-	-	-	-	-	-
			backgroundConnect	43	19	124	23	49	101
			firstReactRender	46	36	91	10	48	60
			getState	14	7	49	8	15	43
			initialActions	1	0	3	1	2	2
			loadScripts	1220	1121	1346	54	1257	1313
			setupStore	14	7	90	10	13	26
			numNetworkReqs	8	6	25	5	7	24
	Webpack	Power User Home	uiStartup	2832	1822	4100	583	3285	3500
			load	1875	1178	2793	517	2367	2531
			domContentLoaded	1875	1177	2793	518	2367	2531
			domInteractive	112	24	1302	236	74	1033
			firstPaint	-	-	-	-	-	-
			backgroundConnect	145	26	1045	174	188	387
			firstReactRender	59	40	183	19	61	92
			getState	149	83	1047	102	169	246
			initialActions	2	1	8	1	2	4
			loadScripts	1794	1126	2770	495	2277	2511
			setupStore	46	5	1087	124	29	231
			numNetworkReqs	71	39	146	16	71	108

📊 Page Load Benchmark Results

Current Commit: 435fab8 | Date: 12/8/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.07s (±44ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
• domContentLoaded-> current mean value: 748ms (±41ms) 🟢 | historical mean value: 718ms ⬆️ (historical data)
• firstContentfulPaint-> current mean value: 81ms (±12ms) 🟢 | historical mean value: 76ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.07s	44ms	1.03s	1.38s	1.12s	1.38s
domContentLoaded	748ms	41ms	715ms	1.04s	776ms	1.04s
firstPaint	81ms	12ms	64ms	188ms	88ms	188ms
firstContentfulPaint	81ms	12ms	64ms	188ms	88ms	188ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

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

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