diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/MenuItem.vue
similarity index 70%
rename from src/layout/components/Sidebar/Item.vue
rename to src/layout/components/Sidebar/MenuItem.vue
index aa1f5da4..f61d4cf2 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/MenuItem.vue
@@ -14,20 +14,20 @@ export default {
   },
   render(h, context) {
     const { icon, title } = context.props
-    const vnodes = []
+    const nodes = []
 
     if (icon) {
       if (icon.includes('el-icon')) {
-        vnodes.push(<i class={[icon, 'sub-el-icon']} />)
+        nodes.push(<i class={[icon, 'menu-item-icon']} />)
       } else {
-        vnodes.push(<svg-icon icon-class={icon}/>)
+        nodes.push(<svg-icon icon-class={icon} />)
       }
     }
 
     if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
+      nodes.push(<span slot='title'>{title}</span>)
     }
-    return vnodes
+    return nodes
   }
 }
 </script>