Когда я использую css в приложении nativescript для масштабирования круга, он превращается в квадрат. Как исправить?

Question

Я делаю приложение со стройным родным языком и пытаюсь масштабировать круг, но он превращается в квадрат, когда я его трансформирую.

CSS:

@keyframes ripple{
    from {
        transform: scale(0);
        opacity: 1;
    }
    to{
      transform: scale(20);
      opacity: 0;
    }
   }

   .circle{

        animation-name: ripple;
        animation-duration: 0.6;
        animation-timing-function: ease-in;

        background-color: rgba(255, 255, 255, 0.7);
        min-height: 20;
        min-width: 20;
        border-radius: 20;
        transform: scale(0);
        z-index: 99;
        position: absolute;
        margin-left: 45%;
        margin-top: 25%;
  }