From 58170767f2282c7aaa44a5d8bf13807eae7eee60 Mon Sep 17 00:00:00 2001
From: yogeshbhutkar <yogesh.bhutkar@rtcamp.com>
Date: Fri, 10 Jan 2025 16:00:09 +0530
Subject: [PATCH] Refactor Tooltip component usage in BoxInputControls for
 improved readability

---
 .../border-radius-control/input-controls.js   | 31 ++++++++++---------
 1 file changed, 16 insertions(+), 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
index 4529c00b997ac..139ab7b5a4f90 100644
--- 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>
 				);
 			} ) }