Popover arrow is not pointing to element

[dbursa]

I have this popover, but arrow is not pointing to highlighted element at all.

My step config:

const step1: DriveStep = {
    element: '#onboarding-step-1',
    popover: {
        description: 'This rate shows played minutes of other managers Squad.',
        side: 'bottom',
        align: 'center',
        showProgress: true,
        showButtons: ['next']
    }
};

My driver config:

const driverObj = driver({
    overlayColor: '#172d49',
    overlayOpacity: 0.25,
    popoverClass: 'onboarding-tour',
    stagePadding: 7,
    stageRadius: 50,
    showProgress: true,
    steps: [step1, step2, step3, step4],
    allowClose: false,
    nextBtnText: 'Next',
    onNextClick: (element, step, options) => {
        driverObj.moveNext()
        if (!driverObj.hasNextStep()) {
            options.config.stageRadius = 8
        }
    },    
});

Also i had to add this to see arrow:

        .driver-popover-arrow-none {
            display: block !important;
        }

Maybe am I missing somtehing?

[RolandasRazma]

I observed on iOS but not on responsive design in Safari Mac