Почему неправильно отображается в firefox?

Question

[saqo_tadevosyan]

Вот как отабражется в хроме

Вот так в firefox


А вот код

.Text {
        position: relative;
        margin-left: 7px;
        vertical-align: middle;
        z-index: 5;

        &::after {
            content: '';
            position: relative;
            display: block;
            width: 40px;
            height: 45px;
            top: -45px;
            left: -2px;
            border-radius: 5px;
            background: $color-dark-gray;
            z-index: 1;
        }

Как исправить?

Answer 1

[Виталий Першин]

Ну судя по z-index, в firefox как раз правильно отображает. Поставьте для after z-index: -1;