diff --git a/src/Components/Modals/PaymentModal.js b/src/Components/Modals/PaymentModal.js
index 2083758..e4b236f 100644
--- a/src/Components/Modals/PaymentModal.js
+++ b/src/Components/Modals/PaymentModal.js
@@ -43,7 +43,7 @@ const PaymentModal = ({
   const amountToday = isAnnual
     ? annualSubscriptionPriceToday
     : monthlySubscriptionPriceToday;
-
+  const totalToday = amountToday + extraAccountsPrice;
   return (
     <Modal show="true" size="lg">
       <Modal.Header className="payment-modal-header" closeButton>
@@ -78,9 +78,7 @@ const PaymentModal = ({
 
             <div className="payment-modal-text-wrapper">
               <div className="paymodal-summary-right">Total today:</div>
-              <div className="paymodal-summary-left">
-                ${amountToday + extraAccountsPrice}
-              </div>
+              <div className="paymodal-summary-left">${totalToday}</div>
             </div>
             {isAnnual ? (
               <div className="payment-modal-text-wrapper">
@@ -137,7 +135,7 @@ const PaymentModal = ({
         <Button
           disabled={isBusy}
           className="primary-button"
-          onClick={handleSignup}
+          onClick={() => handleSignup(totalToday)}
           labelText="Signup"
         />
       </Modal.Footer>
diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 27d557a..640ff05 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -324,8 +324,8 @@ const SignupPage = () => {
   }
   // ******************** END STRIPE PAY API CALL ******************** //
 
-  const handleSignup = async (e) => {
-    e.preventDefault();
+  const handleSignup = async (totalDue) => {
+    console.log("totalDue", totalDue);
     const paymentDataValues = validatePaymentData();
     if (paymentDataValues === null) {
       return;