diff --git a/frontend/src/components/PaddingHandler.vue b/frontend/src/components/PaddingHandler.vue
index 2c50991d..aba565df 100644
--- a/frontend/src/components/PaddingHandler.vue
+++ b/frontend/src/components/PaddingHandler.vue
@@ -192,7 +192,7 @@ const topHandle = computed(() => {
 	return {
 		width: width,
 		height: height,
-		bottom: `clamp(-20px, calc(-6px * ${canvasProps.scale}), -8px)`,
+		bottom: `clamp(-20px, calc(-10px * ${canvasProps.scale}), -6px)`,
 		left: `calc(50% - ${width / 2}px)`,
 	};
 });
@@ -203,7 +203,7 @@ const bottomHandle = computed(() => {
 	return {
 		width: width,
 		height: height,
-		top: `clamp(-20px, calc(-6px * ${canvasProps.scale}), -8px)`,
+		top: `clamp(-20px, calc(-10px * ${canvasProps.scale}), -6px)`,
 		left: `calc(50% - ${width / 2}px)`,
 	};
 });
@@ -214,7 +214,7 @@ const leftHandle = computed(() => {
 	return {
 		width: width,
 		height: height,
-		right: `clamp(-20px, calc(-6px * ${canvasProps.scale}), -8px)`,
+		right: `clamp(-20px, calc(-10px * ${canvasProps.scale}), -6px)`,
 		top: `calc(50% - ${height / 2}px)`,
 	};
 });
@@ -225,7 +225,7 @@ const rightHandle = computed(() => {
 	return {
 		width: width,
 		height: height,
-		left: `clamp(-20px, calc(-6px * ${canvasProps.scale}), -8px)`,
+		left: `clamp(-20px, calc(-10px * ${canvasProps.scale}), -6px)`,
 		top: `calc(50% - ${height / 2}px)`,
 	};
 });