Fix

web/components/optional-profile-form.tsx

@@ -52,11 +52,11 @@ export const OptionalProfileUserForm = (props: {
   setProfile: <K extends keyof ProfileWithoutUser>(key: K, value: ProfileWithoutUser[K]) => void
   user: User
   buttonLabel?: string
-  classNameNext?: string
+  bottomNavBarVisible?: boolean
   fromSignup?: boolean
   onSubmit?: () => Promise<void>
 }) => {
-  const {profile, user, buttonLabel, setProfile, fromSignup, onSubmit, classNameNext} = props
+  const {profile, user, buttonLabel, setProfile, fromSignup, onSubmit, bottomNavBarVisible = true} = props
 
   const [isSubmitting, setIsSubmitting] = useState(false)
   const [lookingRelationship, setLookingRelationship] = useState((profile.pref_relation_styles || []).includes('relationship'))
@@ -817,7 +817,10 @@ export const OptionalProfileUserForm = (props: {
 
         <Row className={'justify-end'}>
           <Button
-            className={clsx("fixed bottom-[calc(90px+var(--bnh))] lg:bottom-6 right-4 sm:right-60 z-50 text-xl", classNameNext)}
+            className={clsx(
+              "fixed lg:bottom-6 right-4 sm:right-60 z-50 text-xl",
+              bottomNavBarVisible ? "bottom-[calc(30px+var(--bnh))]" : "bottom-[calc(90px+var(--bnh))]"
+            )}
             disabled={isSubmitting}
             loading={isSubmitting}
             onClick={handleSubmit}

web/pages/signup.tsx

@@ -146,7 +146,7 @@ export default function SignupPage() {
                 profile={profileForm}
                 user={user}
                 fromSignup
-                classNameNext="bottom-[calc(30px+var(--bnh))]"
+                bottomNavBarVisible={false}
               />
             </Col>
           ) : (