From cf67ad0d81f28a62cccf764b7bac9e17dc1b7842 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Sun, 1 Feb 2026 16:39:31 +0100
Subject: [PATCH] Fix

---
 web/components/optional-profile-form.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/components/optional-profile-form.tsx b/web/components/optional-profile-form.tsx
index b2d35350..76593545 100644
--- a/web/components/optional-profile-form.tsx
+++ b/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
   fromSignup?: boolean
-  bottomBarVisible?: boolean
   onSubmit?: () => Promise<void>
 }) => {
-  const {profile, user, buttonLabel, setProfile, fromSignup, onSubmit, bottomBarVisible = true} = props
+  const {profile, user, buttonLabel, setProfile, fromSignup, onSubmit, classNameNext} = props
 
   const [isSubmitting, setIsSubmitting] = useState(false)
   const [lookingRelationship, setLookingRelationship] = useState((profile.pref_relation_styles || []).includes('relationship'))
@@ -817,7 +817,7 @@ export const OptionalProfileUserForm = (props: {
 
         <Row className={'justify-end'}>
           <Button
-            className={`fixed bottom-[calc(${bottomBarVisible ? "90" : "30"}px + var(--bnh))] lg:bottom-6 right-4 sm:right-60 z-50 text-xl`}
+            className={clsx("fixed bottom-[calc(90px+var(--bnh))] lg:bottom-6 right-4 sm:right-60 z-50 text-xl", classNameNext)}
             disabled={isSubmitting}
             loading={isSubmitting}
             onClick={handleSubmit}