diff --git a/src/views/chart/ContentEdit/components/EditShapeBox/index.vue b/src/views/chart/ContentEdit/components/EditShapeBox/index.vue
index 44eea882..babd1211 100644
--- a/src/views/chart/ContentEdit/components/EditShapeBox/index.vue
+++ b/src/views/chart/ContentEdit/components/EditShapeBox/index.vue
@@ -99,23 +99,23 @@ const hide = computed(() => {
   .shape-point {
     z-index: 1;
     position: absolute;
-    width: 5px;
-    height: 5px;
-    border: 1px solid v-bind('themeColor');
+    width: 7px;
+    height: 7px;
+    border: 3px solid v-bind('themeColor');
     border-radius: 5px;
     background-color: #fff;
     transform: translate(-40%, -30%);
     &.t {
-      width: 5px;
+      width: 30px;
       transform: translate(-50%, -50%);
     }
     &.b {
-      width: 5px;
+      width: 30px;
       transform: translate(-50%, -30%);
     }
     &.l,
     &.r {
-      height: 5px;
+      height: 30px;
     }
     &.r {
       transform: translate(-20%, -50%);
@@ -139,6 +139,7 @@ const hide = computed(() => {
       position: absolute;
       width: 100%;
       height: 100%;
+      border-radius: 10px;
     }
 
     .shape-modal-select {
@@ -154,7 +155,7 @@ const hide = computed(() => {
       &.selectActive,
       &.hoverActive {
         border-color: v-bind('themeColor');
-        border-width: 1px;
+        border-width: 2px;
       }
       &.hoverActive {
         border-style: dotted;