From d86cd9e659501fe1a3b6548079449b87622a84a6 Mon Sep 17 00:00:00 2001
From: ekachxaidze98 <ekachxaidze2@gmail.com>
Date: Tue, 1 Oct 2024 15:11:06 +0400
Subject: [PATCH] CORE-5001: fix loading bar

---
 design-v2/benefits/benefitsForm.jsx   | 5 +----
 design-v2/benefits/styles.module.scss | 8 ++++++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/design-v2/benefits/benefitsForm.jsx b/design-v2/benefits/benefitsForm.jsx
index 81a4860b..18978a35 100644
--- 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
index c43738eb..65ddda8e 100644
--- 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 {