Линии отображаются в Safari при использовании радиуса границы

Question

При использовании Safari (у меня 14.0, но он отображается в других версиях) и border-radius, Я получаю эти строки, как показано на скриншоте.

ht tps://stackru.com/images/47a667accc91afdc45ca5bfe50ddf5cb869b2a07.png

Если я удалю border-radius, линии исчезнут.

       <div class="modal">
  <h3>Hello</h3>
  <p>some stuff</p>
</div>

       body {  
  background-color: green;
}

.modal {
  border-top: 4px solid red;
  background-color: white;
  border-radius: 6px;
  padding: 15px;
}

Вот JSBin, чтобы увидеть его в действии: https://jsbin.com/todumosoye/3/edit?html,css,output