Slider arrows vertical position when using dotnav

[keep]

There is an UIkit-based custom site, where we use sliders.
Here is an example code:

<div class="uk-padding uk-padding-remove-horizontal">
    <div class="module-title"><?php echo $title ?></div>
    <div class="uk-position-relative" tabindex="-1" uk-slider="sets: false">
        <div class="product-list-new uk-slider-items uk-child-width-1-5@s uk-child-width-1-2 uk-grid uk-grid-match uk-grid-small">
            <div class="slider1">...</div>
            <div class="slider2">...</div>
            <div class="slider3">...</div>
        </div>
        <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
        <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>
        <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
    </div>
</div>	

Everything's good, but there's just this one little thing: The slider arrows aren't lined up in the middle horizontally.
I think this is because the dotnav, because it calculates the middle position using the dotnav as well
How should I align them to the middle of the slider items?