diff --git a/packages/webapp/components/footer/FooterPlusButton.tsx b/packages/webapp/components/footer/FooterPlusButton.tsx
index 6eb9d81658..bbc393f15f 100644
--- a/packages/webapp/components/footer/FooterPlusButton.tsx
+++ b/packages/webapp/components/footer/FooterPlusButton.tsx
@@ -53,7 +53,7 @@ export function FooterPlusButton(): ReactElement {
         {...props}
         icon={<PlusIcon />}
         variant={ButtonVariant.Primary}
-        className="absolute bottom-24 right-4 z-1 ml-auto justify-self-center border border-border-subtlest-tertiary"
+        className="fixed right-4 z-3 border border-border-subtlest-tertiary bottom-safe-offset-16"
       />
       <RootPortal>
         <Drawer
diff --git a/packages/webapp/components/layouts/FooterNavBarLayout.tsx b/packages/webapp/components/layouts/FooterNavBarLayout.tsx
index 57b9c8fceb..54eed12552 100644
--- a/packages/webapp/components/layouts/FooterNavBarLayout.tsx
+++ b/packages/webapp/components/layouts/FooterNavBarLayout.tsx
@@ -27,7 +27,7 @@ export default function FooterNavBarLayout({
   return (
     <>
       {children}
-      {showNav && <div className={post ? 'h-40' : 'h-16'} />}
+      {showNav && <div className={post ? 'h-40' : 'h-28'} />}
       <FooterWrapper showNav={showNav} post={post} />
     </>
   );