diff --git a/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdge.test.ts b/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdge.test.ts
index 90d30cb891..9280b31482 100644
--- a/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdge.test.ts
+++ b/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdge.test.ts
@@ -90,7 +90,7 @@ describe('CanvasEdge', () => {
 		await user.unhover(getByTestId('edge-label'));
 		expect(getByTestId('canvas-edge-toolbar')).toBeInTheDocument();
 
-		await vi.advanceTimersByTimeAsync(300);
+		await vi.advanceTimersByTimeAsync(600);
 
 		expect(queryByTestId('canvas-edge-toolbar')).not.toBeInTheDocument();
 	});
diff --git a/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdge.vue b/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdge.vue
index cbc7437dff..4d23692e49 100644
--- a/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdge.vue
+++ b/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdge.vue
@@ -35,7 +35,7 @@ const connectionType = computed(() =>
 
 const delayedHovered = ref(props.hovered);
 const delayedHoveredSetTimeoutRef = ref<NodeJS.Timeout | null>(null);
-const delayedHoveredTimeout = 300;
+const delayedHoveredTimeout = 600;
 
 watch(
 	() => props.hovered,
diff --git a/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdgeToolbar.vue b/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdgeToolbar.vue
index 3b7093780b..7f690ea906 100644
--- a/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdgeToolbar.vue
+++ b/packages/frontend/editor-ui/src/components/canvas/elements/edges/CanvasEdgeToolbar.vue
@@ -63,6 +63,7 @@ function onDelete() {
 	align-items: center;
 	gap: var(--spacing-2xs);
 	pointer-events: all;
+	padding: var(--spacing-l);
 }
 </style>