From 6b239b261abef2c3987692c457d828375debfe6e Mon Sep 17 00:00:00 2001
From: Philipp Stracker <p.stracker@syde.com>
Date: Fri, 7 Feb 2025 19:26:57 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Hide=20empty=20option-selector=20ti?=
 =?UTF-8?q?tle=20element?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/ReusableComponents/Fields/OptionSelector.js   | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/OptionSelector.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/OptionSelector.js
index 7faf68a0c..ba369d0f3 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/OptionSelector.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/OptionSelector.js
@@ -50,6 +50,7 @@ const OptionItem = ( {
 	const boxClassName = classNames( 'ppcp-r-select-box', {
 		'ppcp--selected': isSelected,
 		'ppcp--multiselect': isMulti,
+		'ppcp--no-title': ! itemTitle,
 	} );
 
 	return (
@@ -64,7 +65,9 @@ const OptionItem = ( {
 
 			<div className="ppcp--box-content">
 				<div className="ppcp--box-content-inner">
-					<span className="ppcp--box-title">{ itemTitle }</span>
+					{ itemTitle && (
+						<span className="ppcp--box-title">{ itemTitle }</span>
+					) }
 					<div className="ppcp--box-description">
 						{ itemDescription }
 					</div>