diff --git a/src/style/fix.scss b/src/style/fix.scss
index 13126964..81f814ea 100644
--- a/src/style/fix.scss
+++ b/src/style/fix.scss
@@ -42,6 +42,7 @@
 .el-drawer__header>:first-child {font-size: 17px;font-weight: bold;}
 .el-tree.menu .el-tree-node__content {height:36px;}
 .el-tree.menu .el-tree-node__content .el-tree-node__label .icon {margin-right: 5px;}
+.el-tree.menu .el-tree-node__label {display: flex;flex: 1;height:100%;}
 .el-progress__text {font-size: 12px!important;}
 .el-progress__text i {font-size: 14.4px!important;}
 .el-step.is-horizontal .el-step__line {height:1px;}
diff --git a/src/views/setting/menu/index.vue b/src/views/setting/menu/index.vue
index 992598ee..feb57c1d 100644
--- a/src/views/setting/menu/index.vue
+++ b/src/views/setting/menu/index.vue
@@ -9,12 +9,12 @@
 					<el-tree ref="menu" class="menu" node-key="id" :data="menuList" :props="menuProps" draggable highlight-current :expand-on-click-node="false" check-strictly show-checkbox :filter-node-method="menuFilterNode" @node-click="menuClick" @node-drop="nodeDrop">
 
 						<template #default="{node, data}">
-							<span class="custom-tree-node el-tree-node__label">
+							<span class="custom-tree-node">
 								<span class="label">
 									{{ node.label }}
 								</span>
 								<span class="do">
-									<el-icon @click.stop="add(node, data)"><el-icon-plus /></el-icon>
+									<el-button icon="el-icon-plus" size="small" @click.stop="add(node, data)"></el-button>
 								</span>
 							</span>
 						</template>
@@ -153,7 +153,7 @@
 </script>
 
 <style scoped>
-	.custom-tree-node {display: flex;flex: 1;align-items: center;justify-content: space-between;font-size: 14px;padding-right: 24px;height:100%;}
+	.custom-tree-node {display: flex;flex: 1;align-items: center;justify-content: space-between;font-size: 14px;height:100%;padding-right:24px;}
 	.custom-tree-node .label {display: flex;align-items: center;;height: 100%;}
 	.custom-tree-node .label .el-tag {margin-left: 5px;}
 	.custom-tree-node .do {display: none;}