Border making rounded item background in mozilla blurry

Question

I this case where If I add the border it makes the background color blurry in Mozilla, if I remove it it is fine. Any ideas how can I solve this but with the border on it, I need the border

div {
background-color: rgb(215, 86, 86);
border: 1px solid #dae4ea;
border-radius: 50%;
width: 30px;
height: 30px;
}

<div>

</div>