diff --git a/src/views/chart/ContentEdit/components/EditRange/index.vue b/src/views/chart/ContentEdit/components/EditRange/index.vue
index 8a376559..8c6dd3de 100644
--- a/src/views/chart/ContentEdit/components/EditRange/index.vue
+++ b/src/views/chart/ContentEdit/components/EditRange/index.vue
@@ -4,6 +4,7 @@
     :style="rangeStyle"
     @mousedown="mousedownHandleUnStop($event, undefined)"
   >
+    <edit-rule></edit-rule>
     <slot></slot>
     <!-- 拖拽时的辅助线 -->
     <edit-align-line></edit-align-line>
@@ -15,7 +16,8 @@ import { toRefs, computed } from 'vue'
 import { useSizeStyle } from '../../hooks/useStyle.hook'
 import { mousedownHandleUnStop } from '../../hooks/useDrag.hook'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
-import { EditAlignLine } from '../EditAlignLine/index'
+import { EditAlignLine } from '../EditAlignLine'
+import { EditRule } from '../EditRule'
 
 const chartEditStore = useChartEditStore()
 
diff --git a/src/views/chart/ContentEdit/index.vue b/src/views/chart/ContentEdit/index.vue
index 4942891f..f98fcbf5 100644
--- a/src/views/chart/ContentEdit/index.vue
+++ b/src/views/chart/ContentEdit/index.vue
@@ -9,7 +9,6 @@
     @drop="handleDrag"
     @dragover="handleDragOver"
   >
-    <edit-rule></edit-rule>
     <div id="go-chart-edit-content">
       <!-- 展示 -->
       <edit-range>
@@ -50,7 +49,6 @@ import { ContentBox } from '../contentBox/index'
 import { EditRange } from './components/EditRange'
 import { EditBottom } from './components/EditBottom'
 import { EditShapeBox } from './components/EditShapeBox'
-import { EditRule } from './components/EditRule'
 
 import { useLayout } from './hooks/useLayout.hook'
 import { useAddKeyboard } from '../hooks/useKeyboard.hook'
@@ -96,7 +94,7 @@ onMounted(() => {
   @include background-image('background-point');
   @extend .go-point-bg;
   @include goId(chart-edit-content) {
-    padding: 25px;
+    padding: 20px;
     border: 1px solid rgba(0, 0, 0, 0);
     @extend .go-transition;
     &.content-resize {