diff --git a/web/app/components/workflow/index.tsx b/web/app/components/workflow/index.tsx
index bef08122f..fdd6d73fa 100644
--- a/web/app/components/workflow/index.tsx
+++ b/web/app/components/workflow/index.tsx
@@ -138,7 +138,7 @@ const Workflow: FC<WorkflowProps> = memo(({
   })
 
   useKeyPress(['delete'], handleEdgeDelete)
-  useKeyPress(['delete'], handleNodeDeleteSelected)
+  useKeyPress(['delete', 'backspace'], handleNodeDeleteSelected)
   useKeyPress(['ctrl.c', 'meta.c'], handleNodeCopySelected)
   useKeyPress(['ctrl.x', 'meta.x'], handleNodeCut)
   useKeyPress(['ctrl.v', 'meta.v'], handleNodePaste)
diff --git a/web/app/components/workflow/utils.ts b/web/app/components/workflow/utils.ts
index 9ba156608..67bd63799 100644
--- a/web/app/components/workflow/utils.ts
+++ b/web/app/components/workflow/utils.ts
@@ -175,8 +175,8 @@ export const getLayoutByDagre = (originNodes: Node[], originEdges: Edge[]) => {
   dagreGraph.setGraph({
     rankdir: 'LR',
     align: 'UL',
-    nodesep: 64,
-    ranksep: 40,
+    nodesep: 40,
+    ranksep: 60,
   })
   nodes.forEach((node) => {
     dagreGraph.setNode(node.id, { width: node.width, height: node.height })