Improve button spinner (#4534)

This PR includes small changes in the button spinner styles

frontend/components/base/base-button/BaseButton.vue

@@ -141,6 +141,7 @@ export default {
 .button {
   @extend %button;
   .spinner {
+    flex-shrink: 0;
     height: 20px;
     width: 20px;
     border: 3px solid #242323d8;
@@ -163,7 +164,8 @@ export default {
     fill: palette(white);
   }
   .spinner {
-    border-color: palette(white);
+    border: 3px solid #ffffff;
+    border-top-color: #ffffff3a;
   }
   &:hover,
   &:active,
@@ -177,6 +179,10 @@ export default {
     .svg-icon {
       fill: $primary-color;
     }
+    .spinner {
+      border: 3px solid $primary-color;
+      border-top-color: #2517f321;
+    }
     &:hover,
     &:active,
     &.active {
@@ -187,6 +193,10 @@ export default {
   &.light {
     background: lighten($black-4, 50%);
     color: $primary-color;
+    .spinner {
+      border: 3px solid $primary-color;
+      border-top-color: #2517f321;
+    }
     &:hover,
     &:active,
     &.active {