diff --git a/web/components/optional-profile-form.tsx b/web/components/optional-profile-form.tsx
index b5768cf..1536672 100644
--- a/web/components/optional-profile-form.tsx
+++ b/web/components/optional-profile-form.tsx
@@ -606,7 +606,7 @@ export const OptionalProfileUserForm = (props: {
 
         <Row className={'justify-end'}>
           <Button
-            className="fixed bottom-[90px] lg:bottom-6 right-4 z-50 text-xl"
+            className="fixed bottom-[calc(90px+var(--bnh))] lg:bottom-6 right-4 z-50 text-xl"
             disabled={isSubmitting}
             loading={isSubmitting}
             onClick={handleSubmit}
diff --git a/web/components/required-profile-form.tsx b/web/components/required-profile-form.tsx
index 3da7ea1..adeb5a6 100644
--- a/web/components/required-profile-form.tsx
+++ b/web/components/required-profile-form.tsx
@@ -87,7 +87,7 @@ export const RequiredProfileUserForm = (props: {
       <Title>The Basics</Title>
       {step === 1 && !profileCreatedAlready &&
           <div className="text-ink-500 mb-6 text-lg">No endless forms—write your own bio, your own way.</div>}
-      <Col className={'gap-8'}>
+      <Col className={'gap-8 pb-[env(safe-area-inset-bottom)]'}>
         {step === 0 && <Col>
             <label className={clsx(labelClassName)}>Display name</label>
             <Row className={'items-center gap-2'}>