uni-icons为什么会向下偏移

微信小程序开发工具，文字后面添加了一个向右的箭头，但是箭头本身相对于文字向下偏移了。

<template>  
    <view>  
        <view class="test">  
            <text class="name">进行中</text>  
            <uni-icons type="right" size="12"></uni-icons>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  
    .test {  
        display: flex;  
        flex-direction: row;  
        align-items: center;  
        justify-content: center;  
        width: 140rpx;  
        height: 48rpx;  
        border-radius: 24rpx;  
        border: 1rpx solid #999EAD;  
        margin: 40rpx;  
    }  

    .name {  
        font-size: 22rpx;  
        font-weight: 500;  
        color: #242529;  
    }  
</style>