diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index 72d7e768..aa1f5da4 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -31,3 +31,11 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.sub-el-icon {
+  color: currentColor;
+  width: 1em;
+  height: 1em;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 2be959d2..9c05f896 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -204,7 +204,7 @@ export const asyncRoutes = [
         path: 'create',
         component: () => import('@/views/example/create'),
         name: 'CreateArticle',
-        meta: { title: 'Create Article', icon: 'edit' }
+        meta: { title: 'Create Article', icon: 'el-icon-s-help' }
       },
       {
         path: 'edit/:id(\\d+)',
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
index a03f27de..94760cc7 100644
--- a/src/styles/sidebar.scss
+++ b/src/styles/sidebar.scss
@@ -58,11 +58,8 @@
     }
 
     .sub-el-icon {
-      margin-right: 13px;
-      margin-left: -1px;
-      color: currentColor;
-      width: 1em;
-      height: 1em;
+      margin-right: 12px;
+      margin-left: -2px;
     }
 
     .el-menu {
@@ -194,6 +191,10 @@
     .svg-icon {
       margin-right: 16px;
     }
+    .sub-el-icon {
+      margin-right: 12px;
+      margin-left: -2px;
+    }
   }
 
   .nest-menu .el-submenu>.el-submenu__title,