diff --git a/src/components/webtopo-svg-edit/components/left-panel/index.vue b/src/components/webtopo-svg-edit/components/left-panel/index.vue
index 94de59f..e089c30 100644
--- a/src/components/webtopo-svg-edit/components/left-panel/index.vue
+++ b/src/components/webtopo-svg-edit/components/left-panel/index.vue
@@ -18,7 +18,7 @@
         <template #title>
           <div style="font-weight: bolder">{{ item.title }}</div>
         </template>
-        <div class="component-group flex flex-warp">
+        <div class="component-group flex flex-wrap">
           <div
             v-for="svg_item in item.list"
             class="ideal"
@@ -94,12 +94,13 @@
 </script>
 <style scoped lang="less">
   .component-item {
-    width: 100px;
+    width: 110px;
     height: 30px;
     border: 1px solid #f0f0f0;
     border-radius: 4px;
     box-sizing: border-box;
     overflow: hidden;
+    margin-bottom: 5px;
 
     &:hover {
       cursor: move;
diff --git a/src/components/webtopo-svg-edit/index.vue b/src/components/webtopo-svg-edit/index.vue
index f7e8b7c..dcaf9ce 100644
--- a/src/components/webtopo-svg-edit/index.vue
+++ b/src/components/webtopo-svg-edit/index.vue
@@ -147,7 +147,7 @@
     }
 
     .side-nav {
-      @showLeftNavWidth: 240px;
+      @showLeftNavWidth: 260px;
       @hideLeftNavWidth: 0px;
       position: relative;
       overflow: inherit;
diff --git a/src/components/webtopo-svg-preview/index.vue b/src/components/webtopo-svg-preview/index.vue
index 62fef30..16a5372 100644
--- a/src/components/webtopo-svg-preview/index.vue
+++ b/src/components/webtopo-svg-preview/index.vue
@@ -129,7 +129,7 @@
         background_color: '#fff',
         scale: 1,
         position_center: {
-          x: -295,
+          x: -315,
           y: -95
         },
         svg_position_center: {
diff --git a/src/store/config/index.ts b/src/store/config/index.ts
index cffab9a..7a10e42 100644
--- a/src/store/config/index.ts
+++ b/src/store/config/index.ts
@@ -10,7 +10,7 @@ export const useConfigStore = defineStore('config-store', {
         background_color: '#fff',
         scale: 1,
         position_center: {
-          x: -295,
+          x: -315,
           y: -95
         },
         svg_position_center: {
diff --git a/src/views/demo/edit-load.vue b/src/views/demo/edit-load.vue
index b8fae5a..8e8b728 100644
--- a/src/views/demo/edit-load.vue
+++ b/src/views/demo/edit-load.vue
@@ -22,7 +22,7 @@
         background_color: '#fff',
         scale: 1,
         position_center: {
-          x: -295,
+          x: -315,
           y: -95
         },
         svg_position_center: {
diff --git a/src/views/demo/preview-test.vue b/src/views/demo/preview-test.vue
index 9bfea99..702f968 100644
--- a/src/views/demo/preview-test.vue
+++ b/src/views/demo/preview-test.vue
@@ -15,7 +15,7 @@
       background_color: '#fff',
       scale: 1,
       position_center: {
-        x: -295,
+        x: -315,
         y: -95
       },
       svg_position_center: {
diff --git a/src/views/demo/set-node-attr.vue b/src/views/demo/set-node-attr.vue
index 564bbfc..523bf82 100644
--- a/src/views/demo/set-node-attr.vue
+++ b/src/views/demo/set-node-attr.vue
@@ -24,7 +24,7 @@
       background_color: '#fff',
       scale: 1,
       position_center: {
-        x: -295,
+        x: -315,
         y: -95
       },
       svg_position_center: {