diff --git a/web/src/pages/agent/form/data-operations-form/index.tsx b/web/src/pages/agent/form/data-operations-form/index.tsx
index 8dd2848ed..dd7fc1fbe 100644
--- a/web/src/pages/agent/form/data-operations-form/index.tsx
+++ b/web/src/pages/agent/form/data-operations-form/index.tsx
@@ -89,7 +89,7 @@ function DataOperationsForm({ node }: INextOperatorForm) {
diff --git a/web/src/pages/agent/setting-dialog/setting-form.tsx b/web/src/pages/agent/setting-dialog/setting-form.tsx
index bad6b1f70..4716220b7 100644
--- a/web/src/pages/agent/setting-dialog/setting-form.tsx
+++ b/web/src/pages/agent/setting-dialog/setting-form.tsx
@@ -14,7 +14,7 @@ import { useForm } from 'react-hook-form';
const formSchema = z.object({
title: z.string().min(1, {}),
- avatar: z.string().optional(),
+ avatar: z.string().optional().nullable(),
description: z.string().optional().nullable(),
permission: z.string(),
});