Как правильно добавить иконку справа используя :before?

Здравствуйте!

Если введенные пользователем данные чем-то не устраивает сервер, нужно это отобразить. И вот, я это реализовал! Yay!

<small className="error-message">{errors.password}</small>

.error-message
    &:after
      content: ""
      display: block
      background: url("./warning.svg") no-repeat
      width: 17px
      height: 17px
      float: left
      margin-right: .4em

    color: #de071c

  margin-bottom: .8em

Но есть одна поблемка... Смотрите что происходит на мобильных экранах.



Как грамотно поставить эту иконку к small?

Помогите решить проблему, пожалуйста.