Элемент в разделе заголовка показывается на Apple iOS в Safari

Question

Браузеры Chrome, Firefox и Edge в Windows, а также браузер UC в Android правильно отображают телефонные номера, то есть за одним номером телефона следует другой.Проблема заключается в том, что Safari на iOS-смартфонах либо сбрасывает, либо обрезает телефонные номера, показанные на изображениях Google ссылка

Я попытался установить свойство "display: block;"но это ничего не делает.

.top-links {
    display: block;
    position: relative;
    float: left;
}
.top-links ul {
    display: block;
    margin: 0;
    list-style: none;
}
.top-links ul li {
    display: block;
    float: left;
    position: relative;
    height: 44px;
}
.top-links li > a {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    height: 44px;
    color: #666;
}
.top-links li i {
    position: relative;
    top: 1px;
}

Фактические результаты должны показывать оба телефонных номера в одной строке, одна за другой.Смотрите пример через ссылку