From 479db32e112fbb5782025a72cd1d3866d4bcaabe Mon Sep 17 00:00:00 2001
From: thelovekesh <lovekesh.kumar@rtcamp.com>
Date: Tue, 25 Jun 2024 20:13:32 +0530
Subject: [PATCH] Fix form-label lint errors

---
 .../pages/technical-background/index.js       | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/assets/src/onboarding-wizard/pages/technical-background/index.js b/assets/src/onboarding-wizard/pages/technical-background/index.js
index 85d032d52cd..c1ebb153cfe 100644
--- a/assets/src/onboarding-wizard/pages/technical-background/index.js
+++ b/assets/src/onboarding-wizard/pages/technical-background/index.js
@@ -61,10 +61,7 @@ export function TechnicalBackground() {
 					className={`technical-background-option-container`}
 					selected={true === developerToolsOption}
 				>
-					<label
-						htmlFor={enableInputID}
-						className="technical-background-option"
-					>
+					<div className="technical-background-option">
 						<div className="technical-background-option__input-container">
 							<input
 								type="radio"
@@ -76,7 +73,10 @@ export function TechnicalBackground() {
 							/>
 						</div>
 						<User1 />
-						<div className="technical-background-option__description">
+						<label
+							htmlFor={enableInputID}
+							className="technical-background-option__description"
+						>
 							<h2>
 								{__('Developer or technically savvy', 'amp')}
 							</h2>
@@ -86,15 +86,15 @@ export function TechnicalBackground() {
 									'amp'
 								)}
 							</p>
-						</div>
-					</label>
+						</label>
+					</div>
 				</Selectable>
 
 				<Selectable
 					className={`technical-background-option-container`}
 					selected={false === developerToolsOption}
 				>
-					<label
+					<div
 						htmlFor={disableInputID}
 						className="technical-background-option"
 					>
@@ -109,7 +109,10 @@ export function TechnicalBackground() {
 							/>
 						</div>
 						<User2 />
-						<div className="technical-background-option__description">
+						<label
+							htmlFor={disableInputID}
+							className="technical-background-option__description"
+						>
 							<h2>
 								{__(
 									'Non-technical or wanting a simpler setup',
@@ -122,8 +125,8 @@ export function TechnicalBackground() {
 									'amp'
 								)}
 							</p>
-						</div>
-					</label>
+						</label>
+					</div>
 				</Selectable>
 			</form>
 		</div>