Почему появляется белый промежуток между элементом с границей и контентом?

Michail, хз.

Firefox норм.

gif

Chrome от 150%

gif

Почему появляется белый промежуток между элементом с границей и контентом?

При масштабировании страницы?

Как удалить добавленный класс, при клике за его областью?

Спасибо. Но не работает, может я что-то не так делаю=(

Нашел другой вариант, полет отличный.

$(document).click(function (e){
		let drop = $('#contacts');
		if (!drop.is(e.target) && drop.has(e.target).length === 0) {
			drop.removeClass('shower')
		}
});

Полный код

$(document).ready(function(){
 $('#tel-list-trigger').click(function () {
 $("#contacts").toggleClass('shower');
 });
 $(document).click(function (e){
		let drop = $('#contacts');
		if (!drop.is(e.target) && drop.has(e.target).length === 0) {
			drop.removeClass('shower')
		}
});
});

Как думаете, такой код имеет право на существование?)