Set circles heights to 100% over 50vh

Depending on the viewport height, it could break the shape

src/style/atoms/_button-control.scss

@@ -9,7 +9,7 @@
     overflow: hidden;
     padding-top: 2px;
     pointer-events: auto;
-    border-radius: 50vh;
+    border-radius: 100%;
     border: none;
     cursor: pointer;
     outline: none;

src/style/atoms/_link.scss

@@ -44,7 +44,7 @@
         height: 22px;
         margin-left: 6px;
         background-color: #fff;
-        border-radius: 50vh;
+        border-radius: 100%;
 
         svg {
             height: auto;

src/style/molecules/_location.scss

@@ -27,7 +27,7 @@
         width: 32px;
         height: auto;
         margin: 0 auto;
-        border-radius: 50vh;
+        border-radius: 100%;
     }
 
     // City
@@ -79,7 +79,7 @@
         width: 216px;
         height: 216px;
         background: rgba($color-lightpurple, 0.3);
-        border-radius: 50vh;
+        border-radius: 100%;
         transition: all 85ms ease-in-out;
     }
 }

src/style/organisms/_carousel.scss

@@ -275,7 +275,7 @@
                 height: 8px;
                 padding: 0;
                 background-color: $color-lightpurple;
-                border-radius: 50vh;
+                border-radius: 100%;
                 text-decoration: none;
                 transition: all 600ms $ease-quart;
             }