diff --git a/magic-editor/src/console/src/components/layout/magic-option.vue b/magic-editor/src/console/src/components/layout/magic-option.vue
index 2a1b5b8b..954b11a2 100644
--- a/magic-editor/src/console/src/components/layout/magic-option.vue
+++ b/magic-editor/src/console/src/components/layout/magic-option.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="ma-options">
     <div class="ma-layout">
+      <div class="not-select ma-sider">
+        <div @click="addRow"><i class="ma-icon ma-icon-plus"/></div>
+        <div @click="removeRow"><i class="ma-icon ma-icon-minus"/></div>
+      </div>
       <div class="ma-layout-container">
         <div class="ma-header ma-table-row">
           <div>键</div>
@@ -23,10 +27,6 @@
           </div>
         </div>
       </div>
-      <div class="not-select ma-sider">
-        <div @click="addRow"><i class="ma-icon ma-icon-plus"/></div>
-        <div @click="removeRow"><i class="ma-icon ma-icon-minus"/></div>
-      </div>
     </div>
   </div>
 </template>