CORE-5001: fix loading bar

oacore · Oct 1, 2024 · d86cd9e · d86cd9e
1 parent f8c8baf
commit d86cd9e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/design-v2/benefits/benefitsForm.jsx b/design-v2/benefits/benefitsForm.jsx
@@ -191,10 +191,7 @@ const BenefitsForm = React.forwardRef(({ onSubmit, setModalActive }, ref) => {
                 cancel
               </Button>
               {isLoading ? (
-                <Spinner
-                  color="primary"
-                  className={styles.repositoriesMapSpinner}
-                />
+                <Spinner color="primary" className={styles.spinLoader} />
               ) : (
                 <Button
                   className={styles.buttonCustom}

diff --git a/design-v2/benefits/styles.module.scss b/design-v2/benefits/styles.module.scss
@@ -387,6 +387,14 @@ $spacer: 1.5rem;
       margin-left: 1rem;
     }
   }
+
+  .spin-loader {
+    width: 28px;
+    height: 28px;
+    margin-right: 10px;
+    border: 0.2em solid currentcolor;
+    border-right-color: transparent;
+  }
 }
 
 .modal-step-form {