fix: Visual issue with underline on ITP button (#2924)

theopensystemslab · Mar 26, 2024 · 3cc37cb · 3cc37cb
1 parent 089e66c
commit 3cc37cb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 13 deletions.
diff --git a/editor.planx.uk/src/@planx/components/Pay/Public/Confirm.tsx b/editor.planx.uk/src/@planx/components/Pay/Public/Confirm.tsx
@@ -121,18 +121,16 @@ const PayBody: React.FC<PayBodyProps> = (props) => {
             : props.buttonTitle || "Pay now using GOV.UK Pay"}
         </Button>
         {!props.hidePay && props.showInviteToPay && (
-          <>
-            <Button
-              variant="contained"
-              color="secondary"
-              size="large"
-              onClick={props.changePage}
-              disabled={Boolean(props?.paymentStatus)}
-              data-testid="invite-page-link"
-            >
-              {"Invite someone else to pay for this application"}
-            </Button>
-          </>
+          <Button
+            variant="contained"
+            color="secondary"
+            size="large"
+            onClick={props.changePage}
+            disabled={Boolean(props?.paymentStatus)}
+            data-testid="invite-page-link"
+          >
+            {"Invite someone else to pay for this application"}
+          </Button>
         )}
         {isSaveReturn && <SaveResumeButton />}
       </PayText>

diff --git a/editor.planx.uk/src/@planx/components/Pay/Public/InviteToPayForm.tsx b/editor.planx.uk/src/@planx/components/Pay/Public/InviteToPayForm.tsx
@@ -263,7 +263,7 @@ const InviteToPayForm: React.FC<InviteToPayFormProps> = ({
       <Button
         variant="contained"
         color="secondary"
-        sx={{ mt: 2, borderBottom: "solid 2px lightgrey" }}
+        sx={{ mt: 2 }}
         size="large"
         onClick={changePage}
         disabled={Boolean(paymentStatus)}