diff --git a/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx b/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx
index 16676599cd3..2eb70b2da76 100644
--- a/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx
+++ b/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx
@@ -132,6 +132,7 @@ export const RuleBasedOutputsButton = ({
checked={currentRuleSetEnabled === undefined || emptyRuleSelected?.isEnabled}
onChange={onChange}
isLoading={isRuleLoading}
+ isEmptyRuleItem={true}
/>
{ruleInstances?.map((item) => (
))}
diff --git a/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx b/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx
index 54ee3f46c6c..efb810e4650 100644
--- a/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx
+++ b/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx
@@ -12,6 +12,7 @@ type RuleBasedSelectionItemProps = {
checked: boolean | undefined;
key: string;
isLoading: boolean;
+ isEmptyRuleItem: boolean;
};
export const RuleBasedSelectionItem = ({
onChange,
@@ -20,6 +21,7 @@ export const RuleBasedSelectionItem = ({
id,
checked,
isLoading,
+ isEmptyRuleItem
}: RuleBasedSelectionItemProps): ReactElement => {
return (
{label}
- {isLoading && checked === true ? (
+ {!isEmptyRuleItem && isLoading && checked === true ? (
) : (