GREG-157: Changing background colour of link section to create more contrast with text colour

frontend/src/routes/sponsor/register/stepRegistration.tsx

@@ -198,6 +198,7 @@ export default function StepRegistration() {
         {activeStep === Steps.RegisterStep && (
           <Button
             data-testid="button-next"
+            variant="contained"
             color="secondary"
             sx={{ mr: 1 }}
             onClick={handleNext}
@@ -210,6 +211,7 @@ export default function StepRegistration() {
           <>
             <Button
               onClick={handleBack}
+              variant="contained"
               color="secondary"
               disabled={submitState === SubmitState.SubmitSuccess}
               sx={{ mr: 1 }}
@@ -219,6 +221,7 @@ export default function StepRegistration() {
 
             <Button
               onClick={registerGuest}
+              variant="contained"
               color="secondary"
               disabled={submitState === SubmitState.SubmitSuccess}
               sx={{ mr: 1 }}
@@ -230,6 +233,9 @@ export default function StepRegistration() {
 
         {activeStep !== Steps.SuccessStep && (
           <Button
+            sx={{
+              color: (theme) => theme.greg.wizardButtonColor,
+            }}
             onClick={handleCancel}
             color="secondary"
             disabled={submitState === SubmitState.SubmitSuccess}