more styling changes

Author: abhigyanghosh30

static/js/src/advantage/subscribe/react/components/PaymentButton/PaymentButton.tsx

@@ -3,7 +3,7 @@ import { Button } from "@canonical/react-components";
 import { FormContext } from "../../utils/FormContext";
 import { ProductUsers } from "../../utils/utils";
 
-export default function PaymentButton() {
+export default function PaymentButton({ ...props }) {
   const { quantity, product, productUser } = useContext(FormContext);
   let params = new URLSearchParams(document.location.search);
   let referral_id = params.get("referral_id") || "";
@@ -26,6 +26,7 @@ export default function PaymentButton() {
             e.preventDefault();
             location.href = "/pro/dashboard";
           }}
+          {...props}
         >
           Register
         </Button>
@@ -41,6 +42,7 @@ export default function PaymentButton() {
             localStorage.setItem("referral_id", referral_id);
             location.href = "/account/checkout";
           }}
+          {...props}
         >
           Continue to checkout
         </Button>

static/js/src/advantage/subscribe/react/components/ProductSummary/ProductSummary.tsx

@@ -124,7 +124,7 @@ const ProductSummary = () => {
                 Free trial on checkout
               </StatusLabel>
             ) : null}
-            <PaymentButton />
+            <PaymentButton style={{ marginBottom: "0" }} />
           </Col>
         </Row>
       </section>
@@ -206,7 +206,7 @@ const ProductSummary = () => {
             </p>
           </Col>
           <Col size={12}>
-            <PaymentButton />
+            <PaymentButton style={{ marginBottom: "0" }} />
           </Col>
           {product?.canBeTrialled && productUser !== ProductUsers.myself ? (
             <Col size={12}>