update

src/components/sweetAlertToast/SweetAlert.css

@@ -6,19 +6,18 @@
   margin-top: 0px !important;
 }
 .swal2-timer-progress-bar-container {
-  background-color: var(--error-color7) !important;
-  direction: ltr !important;
+  /* background-color: var(--error-color7) !important;
+  direction: ltr !important; */
 }
 .swal2-timer-progress-bar {
-  background-color: var(--toast-bg-error) !important;
+  /* background-color: var(--toast-bg-error) !important; */
 }
 .swal2-icon {
   font-size: 13px !important;
 }
-.swal2-timer-progress-bar {
-  /* background-color: #000 !important; */
-  direction: rtl !important;
-}
+/* .swal2-timer-progress-bar {
+  direction: ltr !important;
+} */
 /* !error Toast */
 .error-toast-title {
   color: var(--error-color7) !important;

src/components/sweetAlertToast/SweetToast.js

@@ -141,6 +141,7 @@ function SweetToast(props) {
               title: "success-toast-title",
               closeButton: "success-toast-closeButton",
               popup: "success-toast-modalBox",
+              footer: "footer-error-9",
             },
           })
         }