From 95ecdee8d62b0afa53d420cd5197db55744f4227 Mon Sep 17 00:00:00 2001
From: Mike Jolley <mike.jolley@me.com>
Date: Fri, 12 May 2023 12:01:10 +0100
Subject: [PATCH] Fix withFeaturedItem styles

---
 .../featured-items/with-featured-item.tsx       | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/assets/js/blocks/featured-items/with-featured-item.tsx b/assets/js/blocks/featured-items/with-featured-item.tsx
index 0cf1245391a..d3d19aa6b82 100644
--- a/assets/js/blocks/featured-items/with-featured-item.tsx
+++ b/assets/js/blocks/featured-items/with-featured-item.tsx
@@ -169,7 +169,7 @@ export const withFeaturedItem =
 				textColor,
 			} = attributes;
 
-			const classes = classnames(
+			const containerClass = classnames(
 				className,
 				{
 					'is-selected':
@@ -192,11 +192,8 @@ export const withFeaturedItem =
 					? `var(--wp--preset--color--${ textColor })`
 					: style?.color?.text,
 				boxSizing: 'border-box',
-			};
-
-			const wrapperStyle = {
-				...styleProps.style,
 				minHeight,
+				...styleProps.style,
 			};
 
 			const isImgElement = ! isRepeated && ! hasParallax;
@@ -222,14 +219,8 @@ export const withFeaturedItem =
 						showHandle={ isSelected }
 						style={ { minHeight } }
 					/>
-					<div
-						className={ classes }
-						style={ { containerStyle, ...styleProps.style } }
-					>
-						<div
-							className={ `${ className }__wrapper` }
-							style={ wrapperStyle }
-						>
+					<div className={ containerClass } style={ containerStyle }>
+						<div className={ `${ className }__wrapper` }>
 							<div
 								className="background-dim__overlay"
 								style={ overlayStyle }