Почему ширина линии вертикальной прокрутки сайта включается во всю ширину экрана?

Буквально 2 дня назад при адаптации сайта столкнулся с такой проблемой: например я хочу при ширине экрана в 700px изменить цвет блока. Пишу медиа запрос с брейкпоинтом в 700px, проверяю и вижу, что запрос срабатывает не в 700px а в +- 680px. Как я понял ширина вертикального скролла (основной скролл сайта в правой части окна) включается в ширину экрана, и поэтому запрос срабатывает на 20px меньше, чем надо. Раньше такой проблемы у меня не было. Я убирал обнуляющие стили, обновлял GULP сборку, пробовал разные браузеры ничего не помогло. Решил зайти на чужие сайты с адаптивом и увидел что там такая же проблема, тобишь запрос написан условно на 700px а по факту брейкпоинт срабатывает на 680px. Я перегуглил все что только можно, не нашел ничего. Может кто сталкивался с такой проблемой? Буду очень благодарен если поможете. PS: Когда на странице нет вертикальной линии скролла, то запросы срабатывает вовремя.