различное выравнивание в упорядоченном списке между Chrome и Safari

Question

Я пытаюсь выровнять свой упорядоченный список с заголовком div (Syarat & Ketentuan). Написанный мною фрагмент кода css отлично работает в chrome, но не работает должным образом в safari

Исправитьизображение - версия Chrome: правильный снимок экрана - в chrome

неправильное изображение - версия Safari:

неверный снимок экрана - в Safari

Вот HTML:

<div class="title">Syarat &amp; Ketentuan</div>
<div class="css-6gx8yn-detailTabBodyClass hideContent">
   <div>
      <ol>
         <li>Gratis ongkir hingga Rp20.000.</li>
         <li>Minimum transaksi Rp50.000 (total harga produk, belum termasuk ongkos kirim dan biaya tambahan lainnya).</li>
         <li><b>Berlaku pembayaran dengan OVO Cash maupun OVO Points baik sebagian maupun seluruh.</b></li>
         <li>Kupon tidak berlaku untuk pengiriman menggunakan kurir Tiki.</li>
         <li>Kupon hanya berlaku di aplikasi terbaru Tokopedia.</li>
         <li>Masa berlaku Kupon hanya 30 hari setelah penukaran Points.</li>
         <li>Kupon hanya berlaku untuk pembelanjaan Marketplace &amp; Official Store di Tokopedia.</li>
         <li>Tidak bisa digabung dengan Kupon lain.</li>
         <li>Tidak berlaku untuk pembelian Dropshipper.</li>
         <li>Satu pengguna Tokopedia hanya boleh menggunakan 1 (satu) akun Tokopedia untuk menggunakan Kupon ini.</li>
         <li>Tokopedia berhak melakukan tindakan yang diperlukan apabila diduga terjadi tindakan kecurangan dari pengguna yang melanggar Syarat dan Ketentuan atau merugikan pihak Tokopedia.</li>
         <li>Dengan menggunakan Kupon ini, pengguna dianggap mengerti dan menyetujui semua Syarat dan Ketentuan yang berlaku.</li>
      </ol>
   </div>
</div>

Вот CSS:

.css-6gx8yn-detailTabBodyClass {
    padding: 8px 6px 6px 6px;
    background: #fff;
    color: rgba(49,53,59,0.68);
    line-height: 1.43;
    font-size: 14px;
}

.css-6gx8yn-detailTabBodyClass ol, .css-6gx8yn-detailTabBodyClass ul {
    margin: 0;
    padding-left: 16px;
    font-family: 'SFPro';
}
.css-6gx8yn-detailTabBodyClass ol li, .css-6gx8yn-detailTabBodyClass ul li {
    padding-left: 2px;
}

Я не могу понять, что именно вызывает эту проблему!