diff --git a/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx b/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx
index e15217d8949..b78ea59ffaf 100644
--- a/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx
+++ b/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx
@@ -19,20 +19,17 @@ export const RuleBasedSelectionItem = ({
   checked
 }: RuleBasedSelectionItemProps): ReactElement => {
   return (
-    <Menu.Item key={key}>
+    <Menu.Item
+      onClick={() => {
+        onChange(id);
+      }}
+      key={key}>
       <Flex justifyContent="space-between" alignItems="center" gap={8}>
         <Flex gap={4} alignItems="center">
           <Icon type="ColorPalette" />
           {label}
         </Flex>
-        <Radio
-          name={id ?? ''}
-          value={id}
-          checked={checked}
-          onChange={(_: any, value: string | undefined) => {
-            onChange(value);
-          }}
-        />
+        <Radio name={id ?? ''} value={id} checked={checked} />
       </Flex>
     </Menu.Item>
   );