diff --git a/frontend/src/Editor/Inspector/EventSelector.jsx b/frontend/src/Editor/Inspector/EventSelector.jsx
index 5ef94bbfe1..0485e6fbbe 100644
--- a/frontend/src/Editor/Inspector/EventSelector.jsx
+++ b/frontend/src/Editor/Inspector/EventSelector.jsx
@@ -48,6 +48,23 @@ export const EventSelector = ({
     return modalOptions;
   }
 
+  function eventChanged(param, value, extraData) { 
+    if(value === 'none') { 
+      eventUpdated(param, null, null);
+    } else { 
+      eventUpdated(param, value, extraData) 
+    }
+  }
+
+  let actionOptions = ActionTypes.map((action) => {
+    return { name: action.name, value: action.id };
+  });
+
+  actionOptions.unshift({
+    name: 'None',
+    value: 'none'
+  });
+
   return (
     <div className="field mb-3 mt-1 px-2">
       <label className="form-label" role="button" onClick={() => setOpen(!open)}>
@@ -63,12 +80,10 @@ export const EventSelector = ({
       <Collapse in={open}>
         <div id="collapse">
           <SelectSearch
-            options={ActionTypes.map((action) => {
-              return { name: action.name, value: action.id };
-            })}
+            options={actionOptions}
             value={definition.actionId}
             search={false}
-            onChange={(value) => eventUpdated(param, value, extraData)}
+            onChange={(value) => eventChanged(param, value, extraData)}
             filterOptions={fuzzySearch}
             placeholder="Select.."
           />