[bug report] tab tab style error

### Element UI version
2.15.0

### OS/Browsers version
Mac Big Sur/Google Chrome 87.0.4280.141

### Vue version
2.6.12

### Reproduction Link
https://codepen.io/ziyoung/pen/rRKYpd/fg

### Steps to reproduce
.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
position: relative;
font-size: 12px;
width: 0;
height: 14px;
vertical-align: middle;
line-height: 15px;
overflow: hidden;
top: -1px;
right: -2px;
transform-origin: 100% 50%;
}

这个是Tab标签页 带有关闭按钮的样式，鼠标放上去 就可以看到X号高度不对，line-height 应该为 14px才对
。
https://element.eleme.cn/#/zh-CN/component/tabs 在这里的 【动态增减标签页】很容易就可以看得到

### What is Expected?
期待可以尽快改正

### What is actually happening?
https://element.eleme.cn/#/zh-CN/component/tabs 在这里的 【动态增减标签页】很容易就可以看得到