diff --git a/.electron-vue/webpack.renderer.config.js b/.electron-vue/webpack.renderer.config.js
index 4745f38f..df6f0308 100644
--- a/.electron-vue/webpack.renderer.config.js
+++ b/.electron-vue/webpack.renderer.config.js
@@ -98,7 +98,7 @@ const rendererConfig = {
             loader: 'svg-sprite-loader',
             options: {
               extract: true,
-              publicPath: '/static/'
+              publicPath: './static/'
             }
           },
           'svgo-loader'
diff --git a/src/muya/lib/assets/styles/index.css b/src/muya/lib/assets/styles/index.css
index 60484e8a..e3dae145 100644
--- a/src/muya/lib/assets/styles/index.css
+++ b/src/muya/lib/assets/styles/index.css
@@ -290,6 +290,8 @@ figure {
 }
 
 .ag-tool-bar ul li svg {
+  width: 100%;
+  height: 100%;
   will-change: transform;
   transition: transform .2s ease-in-out;
 }
diff --git a/src/muya/lib/parser/render/renderBlock/renderLeafBlock.js b/src/muya/lib/parser/render/renderBlock/renderLeafBlock.js
index eec698f9..3fa298cd 100644
--- a/src/muya/lib/parser/render/renderBlock/renderLeafBlock.js
+++ b/src/muya/lib/parser/render/renderBlock/renderLeafBlock.js
@@ -181,7 +181,7 @@ export default function renderLeafBlock (block, cursor, activeBlocks, matches, u
     children = [
       h('use', {
         attrs: {
-          'xlink:href': `.${iconSvg.url}`
+          'xlink:href': `${iconSvg.url}`
         }
       })
     ]
diff --git a/src/muya/lib/ui/formatPicker/index.js b/src/muya/lib/ui/formatPicker/index.js
index 98d25108..980bd33c 100644
--- a/src/muya/lib/ui/formatPicker/index.js
+++ b/src/muya/lib/ui/formatPicker/index.js
@@ -60,7 +60,7 @@ class FormatPicker extends BaseFloat {
           }
         }, [h('use', {
           attrs: {
-            'xlink:href': `.${i.icon.url}`
+            'xlink:href': `${i.icon.url}`
           }
         })]
         )
diff --git a/src/muya/lib/ui/quickInsert/index.js b/src/muya/lib/ui/quickInsert/index.js
index 468089c1..da7ebbff 100644
--- a/src/muya/lib/ui/quickInsert/index.js
+++ b/src/muya/lib/ui/quickInsert/index.js
@@ -47,7 +47,7 @@ class QuickInsert extends BaseScrollFloat {
           const { title, subTitle, label, icon, shortCut } = item
           const iconVnode = h('div.icon-container', h('img', {
             attrs: {
-              src: `.${icon.url}`
+              src: `${icon.url}`
             }
           })
             // h('svg', {
diff --git a/src/muya/themes/dark.css b/src/muya/themes/dark.css
index f1dc2859..566561ce 100755
--- a/src/muya/themes/dark.css
+++ b/src/muya/themes/dark.css
@@ -129,7 +129,7 @@ pre.ag-paragraph {
 #ag-editor-id {
   max-width: var(--editorAreaWidth);
   margin: 0 auto;
-  padding: 20px 30px 40px 30px;
+  padding: 20px 50px 40px 50px;
   padding-top: 20px;
   padding-bottom: 100px;
 }
diff --git a/src/muya/themes/light.css b/src/muya/themes/light.css
index 3dedf49c..0c456dc3 100644
--- a/src/muya/themes/light.css
+++ b/src/muya/themes/light.css
@@ -129,7 +129,7 @@ pre.ag-paragraph {
 #ag-editor-id {
   max-width: var(--editorAreaWidth);
   margin: 0 auto;
-  padding: 20px 30px 40px 30px;
+  padding: 20px 50px 40px 50px;
   padding-top: 20px;
   padding-bottom: 100px;
 }
diff --git a/src/renderer/components/import/index.vue b/src/renderer/components/import/index.vue
index ea7c83f3..0b3d1ed9 100644
--- a/src/renderer/components/import/index.vue
+++ b/src/renderer/components/import/index.vue
@@ -16,7 +16,7 @@
           @drop="dropHandler"
         >
           <div class="img-wrapper">
-            <img :src="`.${importIcon.url}`" alt="import file">
+            <img :src="`${importIcon.url}`" alt="import file">
           </div>
           <div>Import or Open</div>
           <p> Drop here to get you stuff into Mark Text</p>