diff --git a/web/app/components/workflow/block-selector/tool/tool.tsx b/web/app/components/workflow/block-selector/tool/tool.tsx
index f135b5bf4..d48d0bfc9 100644
--- a/web/app/components/workflow/block-selector/tool/tool.tsx
+++ b/web/app/components/workflow/block-selector/tool/tool.tsx
@@ -10,7 +10,7 @@ import type { ToolWithProvider } from '../../types'
 import { BlockEnum } from '../../types'
 import type { ToolDefaultValue, ToolValue } from '../types'
 import { ViewType } from '../view-type-select'
-import ActonItem from './action-item'
+import ActionItem from './action-item'
 import BlockIcon from '../../block-icon'
 import { useTranslation } from 'react-i18next'
 
@@ -118,7 +118,7 @@ const Tool: FC<Props> = ({
 
         {hasAction && !isFold && (
           actions.map(action => (
-            <ActonItem
+            <ActionItem
               key={action.name}
               provider={payload}
               payload={action}