From f38e0819ad82510c2c1efc924f40fcd26e5c11e8 Mon Sep 17 00:00:00 2001
From: "Michael P. Pfeiffer" <frontdevde@users.noreply.github.com>
Date: Wed, 1 Jun 2022 10:02:24 +0200
Subject: [PATCH] Featured items: ensure valid DOM nesting in inspector
 controls (https://github.com/woocommerce/woocommerce-blocks/pull/6501)

---
 .../js/blocks/featured-items/inspector-controls.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/plugins/woocommerce-blocks/assets/js/blocks/featured-items/inspector-controls.tsx b/plugins/woocommerce-blocks/assets/js/blocks/featured-items/inspector-controls.tsx
index 9f349f1a33f..ab81c80df73 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/featured-items/inspector-controls.tsx
+++ b/plugins/woocommerce-blocks/assets/js/blocks/featured-items/inspector-controls.tsx
@@ -155,18 +155,23 @@ export const InspectorControls = ( {
 								<ToggleGroupControl
 									help={
 										<>
-											<p>
+											<span
+												style={ {
+													display: 'block',
+													marginBottom: '1em',
+												} }
+											>
 												{ __(
 													'Choose “Cover” if you want the image to scale automatically to always fit its container.',
 													'woo-gutenberg-products-block'
 												) }
-											</p>
-											<p>
+											</span>
+											<span>
 												{ __(
 													'Note: by choosing “Cover” you will lose the ability to freely move the focal point precisely.',
 													'woo-gutenberg-products-block'
 												) }
-											</p>
+											</span>
 										</>
 									}
 									label={ __(