Почему нет отступа у слайдера в либо swiper (react)?

Question

[GNG999]

В реакте использую свайпер:

<div className={cn('slider-wrapper')}>
                <Swiper
                    {...(services.length > 3
                        ? {
                              navigation: {
                                  prevEl: '.swiper-prev',
                                  nextEl: '.swiper-next',
                              },
                          }
                        : {})}
                    {...(serviceSwiperSettings as Swiper)}
                    slidesOffsetBefore={isMobile ? 16 : 0}
                    slidesOffsetAfter={isMobile ? 16 : 0}
                >
      ..........
                </Swiper>
            </div>

Стиль

.slider-wrapper {
    .swiper-container {
        @include media-breakpoint-down(sm) {
            margin: 0 -16px;
        }
    }
}

Мне нужно, чтобы у первого элемента слайдера и у последнего был отступ по 16пикс, соотв слева и справа. Те, когда тянешь первый элемент, слева появляется отступ, а у последующих нет крайних отступов, но если доходим до последнего то справа у него тоже отступ появляется.
Для этого использовал пропсы slidesOffsetBefore, slidesOffsetAfter

Проблема в следующем: отступ слева появляется только если самому начать двигать элемент, а он должен появляться сразу при загрузке/обновлении страницы