Refactor Tooltip component usage in BoxInputControls for improved rea…

…dability
yogeshbhutkar · Jan 10, 2025 · 5817076 · 5817076
1 parent 3a0fb96
commit 5817076
Showing 1 changed file with 16 additions and 15 deletions.
diff --git a/packages/block-editor/src/components/border-radius-control/input-controls.js b/packages/block-editor/src/components/border-radius-control/input-controls.js
@@ -68,21 +68,22 @@ export default function BoxInputControls( {
 					: selectedUnits[ corner ] || selectedUnits.flat;
 
 				return (
-					<Tooltip text={ label } placement="top" key={ corner }>
-						<div className="components-border-radius-control__tooltip-wrapper">
-							<UnitControl
-								{ ...props }
-								aria-label={ label }
-								value={ [ parsedQuantity, computedUnit ].join(
-									''
-								) }
-								onChange={ createHandleOnChange( corner ) }
-								onUnitChange={ createHandleOnUnitChange(
-									corner
-								) }
-								size="__unstable-large"
-							/>
-						</div>
+					<Tooltip
+						text={ label }
+						placement="top"
+						key={ corner }
+						className="components-border-radius-control__tooltip-wrapper"
+					>
+						<UnitControl
+							{ ...props }
+							aria-label={ label }
+							value={ [ parsedQuantity, computedUnit ].join(
+								''
+							) }
+							onChange={ createHandleOnChange( corner ) }
+							onUnitChange={ createHandleOnUnitChange( corner ) }
+							size="__unstable-large"
+						/>
 					</Tooltip>
 				);
 			} ) }