diff --git a/src/components/BpmnDesign/index.vue b/src/components/BpmnDesign/index.vue
index 413fa30..fee7fd3 100644
--- a/src/components/BpmnDesign/index.vue
+++ b/src/components/BpmnDesign/index.vue
@@ -49,14 +49,6 @@
                   <el-tooltip effect="dark" content="前进" placement="bottom">
                     <el-button size="small" icon="Right" @click="bpmnModeler.get('commandStack').redo()" />
                   </el-tooltip>
-
-                  <el-dialog v-model="perviewXMLShow" title="XML预览" width="80%">
-                    <highlightjs :code="xmlStr" language="XML" />
-                  </el-dialog>
-
-                  <el-dialog v-model="perviewSVGShow" title="SVG预览" width="80%">
-                    <div style="text-align: center" v-html="svgData" />
-                  </el-dialog>
                 </el-space>
               </div>
             </el-header>
@@ -80,6 +72,13 @@
       </div>
     </el-dialog>
   </div>
+  <el-dialog v-model="perviewXMLShow" title="XML预览" width="80%">
+    <highlightjs :code="xmlStr" language="XML" />
+  </el-dialog>
+
+  <el-dialog v-model="perviewSVGShow" title="SVG预览" width="80%">
+    <div style="text-align: center" v-html="svgData" />
+  </el-dialog>
 </template>
 
 <script lang="ts" setup name="BpmnDesign">