diff --git a/web/app/components/workflow-app/components/workflow-children.tsx b/web/app/components/workflow-app/components/workflow-children.tsx
index baccb0b60a..f5068be9c4 100644
--- a/web/app/components/workflow-app/components/workflow-children.tsx
+++ b/web/app/components/workflow-app/components/workflow-children.tsx
@@ -6,7 +6,6 @@ import type { EnvironmentVariable } from '@/app/components/workflow/types'
 import { DSL_EXPORT_CHECK } from '@/app/components/workflow/constants'
 import { useStore } from '@/app/components/workflow/store'
 import Features from '@/app/components/workflow/features'
-import PluginDependency from '@/app/components/workflow/plugin-dependency'
 import UpdateDSLModal from '@/app/components/workflow/update-dsl-modal'
 import DSLExportConfirmModal from '@/app/components/workflow/dsl-export-confirm-modal'
 import {
@@ -38,7 +37,6 @@ const WorkflowChildren = () => {
 
   return (
     <>
-      <PluginDependency />
       {
         showFeaturesPanel && <Features />
       }
diff --git a/web/app/components/workflow/index.tsx b/web/app/components/workflow/index.tsx
index ad74e88df5..5f89d11930 100644
--- a/web/app/components/workflow/index.tsx
+++ b/web/app/components/workflow/index.tsx
@@ -80,6 +80,7 @@ import Confirm from '@/app/components/base/confirm'
 import DatasetsDetailProvider from './datasets-detail-store/provider'
 import { HooksStoreContextProvider } from './hooks-store'
 import type { Shape as HooksStoreShape } from './hooks-store'
+import PluginDependency from './plugin-dependency'
 
 const nodeTypes = {
   [CUSTOM_NODE]: CustomNode,
@@ -282,6 +283,7 @@ export const Workflow: FC<WorkflowProps> = memo(({
         )
       }
       <LimitTips />
+      <PluginDependency />
       {children}
       <ReactFlow
         nodeTypes={nodeTypes}