fix misaligned cfp form back button

Author: AceTheCreator

components/Form/Cfp/stepFour.tsx

@@ -59,7 +59,7 @@ function StepFour({ setStep, setForm, data }: CfpStepProps) {
             AsyncAPI Initiative Code of Conduct
           </a>
         </div>
-        <div className="float-right mt-3 lg:flex lg:flex-col-reverse lg:w-full">
+        <div className="float-right mt-3 flex lg:flex-col-reverse lg:w-full">
           <a
             className="mr-10 text-dark-600 cursor-pointer lg:text-center lg:pl-10 lg:mt-5"
             onClick={() => !disabled && setStep(null, 3)}

components/Form/Cfp/stepThree.tsx

@@ -67,7 +67,7 @@ function StepThree({ setStep, setForm, data }: CfpStepProps): JSX.Element {
           multi={undefined}
           dataTest="step-three-level"
         />
-        <div className="float-right mt-3 lg:flex lg:flex-col-reverse lg:w-full">
+        <div className="float-right mt-3 flex lg:flex-col-reverse lg:w-full">
           <a
             className="mr-10 text-dark-600 cursor-pointer lg:text-center lg:pl-10 lg:mt-5"
             onClick={() => setStep(null, 2)}

components/Form/Cfp/stepTwo.tsx

@@ -32,7 +32,7 @@ function StepTwo({ setStep, setForm, data }: CfpStepProps): JSX.Element {
           onChange={(e) => setForm({ ...data, Description: e.target.value })}
           data-test="step-two-description"
         />
-        <div className="float-right mt-3 lg:flex lg:flex-col-reverse lg:w-full">
+        <div className="float-right flex items-center lg:flex-col-reverse lg:w-full">
           <a
             className="mr-10 text-dark-600 cursor-pointer lg:text-center lg:pl-10 lg:mt-5"
             onClick={(e) => setStep(null, 1)}