fix: onboarding layout

[n3ps]

Description

Fixes these issues when window height is short:

• Double scrollbar
• Cut off background

Changelog

CHANGELOG entry: fix: ui issues with short window height

Related issues

Fixes:

Manual testing steps

Create a new wallet flow

Screenshots/Recordings

Before

Double Scrollbar	Cropped Background
---	---

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

Remove html min-height and .main-container-wrapper min-height to prevent double scrollbars and background cropping on short viewports.

• CSS/Layout:
  • ui/css/base-styles.scss: Remove html min-height: 500px.
  • ui/css/itcss/components/newui-sections.scss: Remove .main-container-wrapper min-height: 0.
• Result: Avoids double scrollbars and cropped background on short window heights.

^{Written by Cursor Bugbot for commit b705258. 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/core-extension-ux (2 files, +0 -3)

• 📁 ui/
  • 📁 css/
    • 📁 itcss/
      • 📁 components/
        • 📄 newui-sections.scss +0 -1
      • 📄 base-styles.scss +0 -2

[metamaskbot]

Builds ready [409c117]

• 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, 16
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1232 ± 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	1232	1088	1640	100	1288	1421
			load	1063	925	1415	92	1128	1200
			domContentLoaded	1056	910	1404	92	1123	1194
			domInteractive	22	14	78	15	20	65
			firstPaint	685	95	1290	412	1071	1161
			backgroundConnect	235	220	328	12	238	251
			firstReactRender	29	20	60	8	31	43
			getState	21	7	60	10	26	41
			initialActions	1	0	5	1	1	2
			loadScripts	828	681	1173	91	892	964
			setupStore	11	7	27	4	11	17
			numNetworkReqs	13	6	76	20	6	73
	Browserify	Power User Home	uiStartup	2181	1809	3154	317	2205	3154
			load	1146	967	1726	215	1393	1726
			domContentLoaded	1130	953	1711	218	1386	1711
			domInteractive	55	17	165	53	109	165
			firstPaint	770	230	1718	530	1388	1718
			backgroundConnect	254	230	300	19	271	300
			firstReactRender	75	51	122	18	82	122
			getState	232	169	350	52	284	350
			initialActions	1	0	3	1	2	3
			loadScripts	896	735	1426	202	1151	1426
			setupStore	26	8	57	12	31	57
			numNetworkReqs	123	93	186	33	169	186
	Webpack	Standard Home	uiStartup	824	703	1157	82	834	989
			load	602	557	938	71	602	774
			domContentLoaded	595	550	919	68	597	761
			domInteractive	17	11	80	13	14	53
			firstPaint	188	55	893	172	191	573
			backgroundConnect	24	12	67	13	27	51
			firstReactRender	30	19	81	9	35	44
			getState	11	6	28	4	13	17
			initialActions	1	0	4	1	1	1
			loadScripts	592	548	909	66	595	751
			setupStore	11	6	39	5	13	19
			numNetworkReqs	13	6	74	19	8	70
	Webpack	Power User Home	uiStartup	1062	913	1543	205	1337	1543
			load	673	581	970	137	765	970
			domContentLoaded	653	569	923	124	739	923
			domInteractive	36	13	118	39	86	118
			firstPaint	321	63	927	291	577	927
			backgroundConnect	46	10	199	48	75	199
			firstReactRender	41	39	46	2	42	46
			getState	139	93	171	25	151	171
			initialActions	1	0	1	0	1	1
			loadScripts	649	567	913	121	729	913
			setupStore	11	6	29	8	11	29
			numNetworkReqs	80	64	126	22	99	126
Firefox	Browserify	Standard Home	uiStartup	1444	1301	2012	135	1453	1746
			load	1211	1118	1470	87	1225	1424
			domContentLoaded	1211	1118	1469	87	1225	1423
			domInteractive	53	33	307	44	47	159
			firstPaint	-	-	-	-	-	-
			backgroundConnect	41	26	121	18	46	91
			firstReactRender	28	22	60	7	28	47
			getState	11	6	68	7	11	20
			initialActions	2	0	3	1	2	2
			loadScripts	1187	1102	1448	82	1202	1381
			setupStore	15	5	226	23	13	27
			numNetworkReqs	12	6	71	15	7	56
	Browserify	Power User Home	uiStartup	3170	2487	4600	702	3432	4600
			load	1520	1326	1958	209	1755	1958
			domContentLoaded	1520	1326	1958	209	1754	1958
			domInteractive	237	68	611	178	407	611
			firstPaint	-	-	-	-	-	-
			backgroundConnect	488	150	1281	363	889	1281
			firstReactRender	92	56	133	22	116	133
			getState	178	124	333	49	192	333
			initialActions	2	1	7	1	3	7
			loadScripts	1462	1265	1929	211	1687	1929
			setupStore	112	34	329	88	140	329
			numNetworkReqs	120	76	239	56	121	239
	Webpack	Standard Home	uiStartup	1739	1534	2449	173	1743	2158
			load	1452	1298	1883	122	1472	1756
			domContentLoaded	1451	1297	1882	122	1472	1756
			domInteractive	61	32	256	33	68	125
			firstPaint	-	-	-	-	-	-
			backgroundConnect	59	28	257	36	65	126
			firstReactRender	37	26	89	11	37	55
			getState	13	8	58	7	13	22
			initialActions	2	0	4	1	2	3
			loadScripts	1418	1273	1791	112	1437	1685
			setupStore	21	8	230	31	15	62
			numNetworkReqs	13	6	68	17	7	65
	Webpack	Power User Home	uiStartup	3278	2533	4328	556	3883	4328
			load	1672	1433	2048	227	1942	2048
			domContentLoaded	1671	1432	2048	227	1941	2048
			domInteractive	250	87	553	166	436	553
			firstPaint	-	-	-	-	-	-
			backgroundConnect	501	173	1350	356	826	1350
			firstReactRender	82	51	134	22	99	134
			getState	201	89	605	129	191	605
			initialActions	2	1	3	1	3	3
			loadScripts	1620	1366	2011	228	1908	2011
			setupStore	117	22	514	112	110	514
			numNetworkReqs	130	78	230	54	198	230

📊 Page Load Benchmark Results

Current Commit: 409c117 | Date: 11/14/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.03s (±87ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
• domContentLoaded-> current mean value: 725ms (±113ms) 🟢 | historical mean value: 718ms ⬆️ (historical data)
• firstContentfulPaint-> current mean value: 84ms (±96ms) 🟢 | historical mean value: 77ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.03s	87ms	1.01s	1.87s	1.06s	1.87s
domContentLoaded	725ms	113ms	699ms	1.82s	735ms	1.82s
firstPaint	84ms	96ms	60ms	1.04s	84ms	1.04s
firstContentfulPaint	84ms	96ms	60ms	1.04s	84ms	1.04s
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

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

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

[metamaskbot]

Builds ready [b705258]

• 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, 16
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1233 ± 91 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	1233	1063	1467	91	1303	1370
			load	1065	915	1289	85	1135	1198
			domContentLoaded	1059	910	1282	85	1129	1191
			domInteractive	23	14	99	18	18	80
			firstPaint	620	83	1218	410	1061	1165
			backgroundConnect	233	220	307	10	237	249
			firstReactRender	30	19	60	8	32	47
			getState	22	9	52	9	27	43
			initialActions	1	0	4	1	1	3
			loadScripts	832	693	1040	85	897	968
			setupStore	11	6	23	3	11	19
			numNetworkReqs	13	6	75	19	6	70
	Browserify	Power User Home	uiStartup	2082	1867	2718	230	2154	2718
			load	1075	896	1728	237	1294	1728
			domContentLoaded	1057	883	1719	242	1285	1719
			domInteractive	62	15	191	64	156	191
			firstPaint	650	198	1292	343	951	1292
			backgroundConnect	212	199	256	13	217	256
			firstReactRender	74	49	100	16	88	100
			getState	225	163	325	42	255	325
			initialActions	1	0	2	0	1	2
			loadScripts	863	697	1467	229	1086	1467
			setupStore	21	13	35	6	26	35
			numNetworkReqs	125	98	189	30	161	189
	Webpack	Standard Home	uiStartup	853	720	1256	111	851	1160
			load	622	563	1009	96	613	920
			domContentLoaded	615	559	993	91	607	894
			domInteractive	18	12	86	13	15	54
			firstPaint	217	59	984	219	196	744
			backgroundConnect	26	11	90	16	29	63
			firstReactRender	32	19	73	11	37	56
			getState	11	6	19	3	13	17
			initialActions	1	0	1	0	1	1
			loadScripts	612	556	982	89	605	884
			setupStore	11	6	24	3	13	17
			numNetworkReqs	13	6	75	19	8	72
	Webpack	Power User Home	uiStartup	1072	917	1501	227	1431	1501
			load	693	576	1131	185	917	1131
			domContentLoaded	660	565	1000	147	855	1000
			domInteractive	31	13	109	31	70	109
			firstPaint	449	116	1003	321	859	1003
			backgroundConnect	58	16	180	65	161	180
			firstReactRender	40	37	42	2	41	42
			getState	138	94	155	21	151	155
			initialActions	1	0	1	0	1	1
			loadScripts	656	563	990	144	845	990
			setupStore	14	6	26	8	25	26
			numNetworkReqs	83	65	130	24	118	130
Firefox	Browserify	Standard Home	uiStartup	1454	1303	2008	130	1463	1781
			load	1221	1117	1550	77	1236	1375
			domContentLoaded	1221	1117	1550	77	1236	1375
			domInteractive	52	33	167	32	51	141
			firstPaint	-	-	-	-	-	-
			backgroundConnect	40	25	119	17	41	81
			firstReactRender	28	22	56	7	28	46
			getState	12	6	55	8	12	32
			initialActions	1	0	3	1	2	2
			loadScripts	1198	1098	1467	73	1217	1354
			setupStore	13	7	105	12	12	32
			numNetworkReqs	12	6	76	15	7	53
	Browserify	Power User Home	uiStartup	3301	2587	5100	757	4354	5100
			load	1565	1283	2189	268	1849	2189
			domContentLoaded	1565	1283	2189	268	1848	2189
			domInteractive	259	66	673	188	452	673
			firstPaint	-	-	-	-	-	-
			backgroundConnect	573	142	1489	434	1068	1489
			firstReactRender	94	62	133	18	108	133
			getState	194	87	522	102	257	522
			initialActions	2	1	8	2	2	8
			loadScripts	1507	1251	2148	254	1748	2148
			setupStore	92	22	181	49	151	181
			numNetworkReqs	125	72	230	60	221	230
	Webpack	Standard Home	uiStartup	1654	1474	2101	135	1722	1952
			load	1397	1265	1753	107	1439	1630
			domContentLoaded	1396	1265	1753	107	1439	1630
			domInteractive	54	30	171	26	63	118
			firstPaint	-	-	-	-	-	-
			backgroundConnect	49	27	121	19	54	84
			firstReactRender	34	25	72	7	36	45
			getState	12	8	52	7	12	23
			initialActions	2	0	7	1	2	3
			loadScripts	1367	1243	1730	101	1407	1574
			setupStore	16	7	102	16	15	53
			numNetworkReqs	13	6	66	17	8	63
	Webpack	Power User Home	uiStartup	3102	2508	4406	592	3593	4406
			load	1697	1408	2518	313	1991	2518
			domContentLoaded	1697	1407	2518	313	1991	2518
			domInteractive	264	76	772	234	521	772
			firstPaint	-	-	-	-	-	-
			backgroundConnect	369	85	901	279	709	901
			firstReactRender	80	47	117	24	102	117
			getState	162	117	245	37	195	245
			initialActions	2	1	7	1	3	7
			loadScripts	1650	1378	2483	310	1937	2483
			setupStore	84	24	244	53	98	244
			numNetworkReqs	123	69	234	57	192	234

📊 Page Load Benchmark Results

Current Commit: b705258 | Date: 11/14/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.04s (±40ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
• domContentLoaded-> current mean value: 723ms (±38ms) 🟢 | historical mean value: 718ms ⬆️ (historical data)
• firstContentfulPaint-> current mean value: 76ms (±11ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	40ms	1.01s	1.33s	1.09s	1.33s
domContentLoaded	723ms	38ms	696ms	999ms	757ms	999ms
firstPaint	76ms	11ms	60ms	160ms	92ms	160ms
firstContentfulPaint	76ms	11ms	60ms	160ms	92ms	160ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

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

• background: 58 Bytes (0%)
• ui: 11.34 KiB (0.15%)
• common: 207 Bytes (0%)