diff --git a/src/components/flow/MaterialNode.vue b/src/components/flow/MaterialNode.vue
index 71f93be3..0102e6c2 100644
--- a/src/components/flow/MaterialNode.vue
+++ b/src/components/flow/MaterialNode.vue
@@ -117,12 +117,29 @@ export default {
 	padding: 0;
 }
 .vue-flow__handle {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 56px;
+	height: 56px;
+	border-radius: 50%;
+	background: transparent;
+	border: 0;
+	cursor: crosshair;
+}
+.vue-flow__handle::after {
+	content: "";
 	width: 9px;
 	height: 9px;
-	background: #fff;
 	border: 2px solid #409eff;
+	border-radius: 50%;
+	background: #fff;
+	transition: width 0.15s, height 0.15s, background 0.15s, box-shadow 0.15s;
 }
-.vue-flow__handle:hover {
+.vue-flow__handle:hover::after {
+	width: 13px;
+	height: 13px;
 	background: #409eff;
+	box-shadow: 0 0 0 4px rgba(64, 158, 255, 0.18);
 }
 </style>
diff --git a/src/components/xtFlowEditor.vue b/src/components/xtFlowEditor.vue
index 5802317c..cc25125a 100644
--- a/src/components/xtFlowEditor.vue
+++ b/src/components/xtFlowEditor.vue
@@ -63,7 +63,7 @@
 					:max-zoom="2"
 					:pan-on-scroll="true"
 					:zoom-on-scroll="false"
-					:connection-radius="8"
+					:connection-radius="56"
 					:connect-on-click="false"
 					:nodes-draggable="true"
 					:nodes-connectable="!readonly"