diff --git a/x-pack/solutions/observability/plugins/streams_app/public/components/condition_editor/index.tsx b/x-pack/solutions/observability/plugins/streams_app/public/components/condition_editor/index.tsx
index 0b08ca68dc6f7..0b81072d661ab 100644
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/condition_editor/index.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/condition_editor/index.tsx
@@ -7,6 +7,7 @@
 
 import {
   EuiBadge,
+  EuiButton,
   EuiFieldText,
   EuiFlexGroup,
   EuiFlexItem,
@@ -14,6 +15,7 @@ import {
   EuiSelect,
   EuiSwitch,
   EuiText,
+  EuiToolTip,
 } from '@elastic/eui';
 import {
   AndCondition,
@@ -32,9 +34,6 @@ export function ConditionEditor(props: {
   readonly?: boolean;
   onConditionChange?: (condition: Condition) => void;
 }) {
-  if (!props.condition) {
-    return null;
-  }
   if (props.readonly) {
     return (
       <EuiPanel color="subdued" borderRadius="none" hasShadow={false} paddingSize="xs">
@@ -67,7 +66,7 @@ export function ConditionForm(props: {
   }, [syntaxEditor, props.condition]);
   return (
     <EuiFlexGroup direction="column" gutterSize="xs">
-      <EuiFlexGroup>
+      <EuiFlexGroup alignItems="center" gutterSize="xs">
         <EuiFlexItem grow>
           <EuiText
             className={css`
@@ -78,6 +77,22 @@ export function ConditionForm(props: {
             {i18n.translate('xpack.streams.conditionEditor.title', { defaultMessage: 'Condition' })}
           </EuiText>
         </EuiFlexItem>
+        <EuiToolTip
+          content={i18n.translate('xpack.streams.conditionEditor.disableTooltip', {
+            defaultMessage: 'Route no documents to this stream without deleting existing data',
+          })}
+        >
+          <EuiButton
+            size={'xs' as 's'} // TODO: remove this cast when EUI is updated - EuiButton takes xs, but the type is wrong
+            onClick={() => props.onConditionChange(undefined)}
+            disabled={props.condition === undefined}
+          >
+            {i18n.translate('xpack.streams.conditionEditor.disable', {
+              defaultMessage: 'Disable routing',
+            })}
+          </EuiButton>
+        </EuiToolTip>
+
         <EuiSwitch
           label={i18n.translate('xpack.streams.conditionEditor.switch', {
             defaultMessage: 'Syntax editor',
@@ -102,16 +117,15 @@ export function ConditionForm(props: {
             }
           }}
         />
+      ) : !props.condition || 'operator' in props.condition ? (
+        <FilterForm
+          condition={
+            (props.condition as FilterCondition) || { field: '', operator: 'eq', value: '' }
+          }
+          onConditionChange={props.onConditionChange}
+        />
       ) : (
-        props.condition &&
-        ('operator' in props.condition ? (
-          <FilterForm
-            condition={props.condition as FilterCondition}
-            onConditionChange={props.onConditionChange}
-          />
-        ) : (
-          <pre>{JSON.stringify(props.condition, null, 2)}</pre>
-        ))
+        <pre>{JSON.stringify(props.condition, null, 2)}</pre>
       )}
     </EuiFlexGroup>
   );
@@ -213,7 +227,13 @@ function FilterForm(props: {
 
 export function ConditionDisplay(props: { condition: Condition }) {
   if (!props.condition) {
-    return null;
+    return (
+      <>
+        {i18n.translate('xpack.streams.streamDetailRouting.noCondition', {
+          defaultMessage: 'No condition, no documents will be routed',
+        })}
+      </>
+    );
   }
   return (
     <>
diff --git a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_routing/index.tsx b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_routing/index.tsx
index 5c9d5f0931585..2c848575eb570 100644
--- a/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_routing/index.tsx
+++ b/x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_routing/index.tsx
@@ -906,25 +906,16 @@ function RoutingStreamEntry({
           })}
         />
       </EuiFlexGroup>
-      {child.condition && (
-        <ConditionEditor
-          readonly={!edit}
-          condition={child.condition}
-          onConditionChange={(condition) => {
-            onChildChange({
-              ...child,
-              condition,
-            });
-          }}
-        />
-      )}
-      {!child.condition && (
-        <EuiText>
-          {i18n.translate('xpack.streams.streamDetailRouting.noCondition', {
-            defaultMessage: 'No condition, no documents will be routed',
-          })}
-        </EuiText>
-      )}
+      <ConditionEditor
+        readonly={!edit}
+        condition={child.condition}
+        onConditionChange={(condition) => {
+          onChildChange({
+            ...child,
+            condition,
+          });
+        }}
+      />
     </EuiPanel>
   );
 }
@@ -958,25 +949,16 @@ function NewRoutingStreamEntry({
             }}
           />
         </EuiFormRow>
-        {child.condition && (
-          <ConditionEditor
-            readonly={false}
-            condition={child.condition}
-            onConditionChange={(condition) => {
-              onChildChange({
-                ...child,
-                condition,
-              });
-            }}
-          />
-        )}
-        {!child.condition && (
-          <EuiText>
-            {i18n.translate('xpack.streams.streamDetailRouting.noCondition', {
-              defaultMessage: 'No condition, no documents will be routed',
-            })}
-          </EuiText>
-        )}
+        <ConditionEditor
+          readonly={false}
+          condition={child.condition}
+          onConditionChange={(condition) => {
+            onChildChange({
+              ...child,
+              condition,
+            });
+          }}
+        />
       </EuiFlexGroup>
     </EuiPanel>
   );