Проблема со скроллингом с Bootstrap

Имеется страница, контент которой, больше высоты экрана. Снизу кнопка, при клике которой происходит скролл вверх. Я использую bootstrap css библиотеку 5.3.0, (https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css) что по умолчанию дает плавный скролл страницы. Но периодически скролл не доходит до верха страницы и останавливается. В чем может быть причина? я не нашел упоминания о подобном баге bootstrap. Может нужно использовать Bootstrap совместно с чем то еще? Буду благодарен за ответы

<style>
    .content {
        background-color: green;
        height: 160vh;
    }
</style>
<div class="content">Content</div>
<button onclick="scrollBackToTop()">Click to scroll</button>
<script>
    function scrollBackToTop() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
    }
</script>