реагирующий на таблицу показывать только полосу прокрутки

Question

При переносе таблицы в горизонтальную полосу прокрутки отображается, даже если она не требуется (т.е. на рабочем столе).

Я пытался удалить таблицу, реагирующую на таблицу, но тогда мобильный не мог прокрутить вообще.

<div class="table-responsive">
                <table class="w-100 text-center product-table">
                    <tr>
                        <th><i class="fal fa-microchip"></i><br>CPU</th>
                       ...
                        <th></th> {# empty column for action button #}
                    </tr>
</table>
</div>

Горизонтальная полоса прокрутки, отображаемая в chrome на мониторе 4k, действительно не имеет большого смысла, есть ли способ заставить ее отображать полосу прокрутки только тогда, когда это необходимо?