diff --git a/frontend-modern/src/components/Alerts/WebhookConfig.tsx b/frontend-modern/src/components/Alerts/WebhookConfig.tsx
index 341765617..b374a3cd1 100644
--- a/frontend-modern/src/components/Alerts/WebhookConfig.tsx
+++ b/frontend-modern/src/components/Alerts/WebhookConfig.tsx
@@ -115,7 +115,10 @@ export function WebhookConfig(props: WebhookConfigProps) {
         service: template.service,
         method: template.method,
         headers: { ...template.headers },
-        name: formData().name || template.name
+        name: formData().name || template.name,
+        // Clear the payload template when switching services
+        // Only generic service should have custom payloads
+        payloadTemplate: service === 'generic' ? formData().payloadTemplate : ''
       });
     }
     setShowServiceDropdown(false);