не понимаю как работает position absolute

При указывании position absolute элементу у меня появляется двойной скролл на странице и окно расширяется в высоте

&__input {
  width: 100%;
  padding: 15px 15px 10px 35px;
  border: none;
  border-bottom: 1px solid rgba(106, 107, 109, 0.3);
  
  & + span::before{
    content:'';
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: red;
  }

вот Html

  `input.feedback__form__input(type="text" placeholder='Название компании')
   span
   input.feedback__form__input(type="text" placeholder='Адрес сайта китайской компании')
   span
   input.feedback__form__input(type="text" placeholder='Адрес сайта китайской компании Если вы нашли предложение не на сайте компании, а на стороннем ресурсе (например, на алибаба)')
   span`

Вот что происходит Если что мне нужно добавить картинки к инпутам