To make an element have perfectly rounded corners, you can't use border-radius: 100%; because the element will behave like an oval.

Solution

.element {
  border-radius: 100vh;
}