From 6fc1bb5e841543c7c07814764edfc68af6b53f5c Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Mon, 28 Nov 2022 13:59:41 +0530
Subject: [PATCH] fix: navigation footer padding

---
 packages/web/src/javascripts/Components/Tags/Navigation.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/javascripts/Components/Tags/Navigation.tsx b/packages/web/src/javascripts/Components/Tags/Navigation.tsx
index 65a601b0e..47573f6f7 100644
--- a/packages/web/src/javascripts/Components/Tags/Navigation.tsx
+++ b/packages/web/src/javascripts/Components/Tags/Navigation.tsx
@@ -12,6 +12,7 @@ import { classNames } from '@standardnotes/utils'
 import { useResponsiveAppPane } from '../ResponsivePane/ResponsivePaneProvider'
 import UpgradeNow from '../Footer/UpgradeNow'
 import RoundIconButton from '../Button/RoundIconButton'
+import { isIOS } from '@/Utils'
 
 type Props = {
   application: WebApplication
@@ -58,7 +59,8 @@ const Navigation: FunctionComponent<Props> = ({ application }) => {
       <div
         className={classNames(
           'fixed bottom-0 flex min-h-[50px] w-full items-center border-t border-border bg-contrast',
-          'px-3.5 pb-safe-bottom pt-2.5 md:hidden',
+          'px-3.5 pt-2.5 md:hidden',
+          isIOS() ? 'pb-safe-bottom' : 'pb-2.5',
         )}
       >
         <RoundIconButton