div中的元素内容在框外显示

 很明显，数字1在红色圆圈外显示了。我要如下效果：

                                css代码 ，重置line-height。

 &__icon{
        position: relative;
        width: .84rem;
        &__img{
            display: block;
            margin: .12rem auto;//(50-26=24)
            width: .28rem;
            height: .26rem;
        }
        &__tag{
            position: absolute;
            right: .2rem;
            top: .04rem;
            width: .2rem;
            //height: .2rem;
            line-height: .2rem;
            background-color: $highlight-fontColor;
            border-radius: 50%;
            font-size: .12rem;
            text-align: center;
            color: $bgColor;
            transform: scale(.5);
        }
    }