Добавляется лишний бордер именно на моб. устройствах, в чём может быть причина?

Question

[Tigronix]

Всем привет!
Странная магия получается. Использую css таблицу: https://jsfiddle.net/tvnv3e18/.
На компьютере на всех размерах (проверял в firefox, chrome 320-1920) у ячеек нету вертикального бордера. И всё верно, его там и не должно быть поскольку он вообще не задан в стилях.

.tabs__table .cell {
	display: table-cell;
	height: 71px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #BABABA;
	border-left: none!important;
	border-top: none!important;
	border-right: none!important;
	padding: 0 5px;
	background: #469131;
	font-family: 'ikea', 'roboto';
	transition: .6s;
	font-size: 1.2vw;
	font-weight: 400;
}

Но! Именно на мобильных устройствах (проверял и на андроиде и на айфоне) есть вертикальный бордер:

Быть может я не задаю, какое-то важное свойство, которое решает эту проблему или это просто магия вуду и с ней надо смирится? Первый раз вижу, чтобы такое было.

Answer 1

[iBird Rose]

попробуй

border-spacing: 0;
border-collapse: collapse;

для .tabs__table