diff --git a/resources/js/admin/mobile/components/BottomNav.tsx b/resources/js/admin/mobile/components/BottomNav.tsx
index e88cf4b1..11a0958d 100644
--- a/resources/js/admin/mobile/components/BottomNav.tsx
+++ b/resources/js/admin/mobile/components/BottomNav.tsx
@@ -9,6 +9,7 @@ import { useAdminTheme } from '../theme';
 import { adminPath } from '../../constants';
 
 const ICON_SIZE = 24;
+export const BOTTOM_NAV_HEIGHT = 70;
 
 export type NavKey = 'home' | 'tasks' | 'uploads' | 'profile';
 
diff --git a/resources/js/admin/mobile/components/MobileShell.tsx b/resources/js/admin/mobile/components/MobileShell.tsx
index 756bbf5b..84962248 100644
--- a/resources/js/admin/mobile/components/MobileShell.tsx
+++ b/resources/js/admin/mobile/components/MobileShell.tsx
@@ -5,7 +5,7 @@ import { YStack, XStack, SizableText as Text, Image } from 'tamagui';
 import { Pressable } from '@tamagui/react-native-web-lite';
 import { useTranslation } from 'react-i18next';
 import { useEventContext } from '../../context/EventContext';
-import { BottomNav, NavKey } from './BottomNav';
+import { BottomNav, BOTTOM_NAV_HEIGHT, NavKey } from './BottomNav';
 import { useMobileNav } from '../hooks/useMobileNav';
 import { ADMIN_EVENTS_PATH, adminPath } from '../../constants';
 import { MobileCard, CTAButton } from './Primitives';
@@ -332,7 +332,7 @@ export function MobileShell({ title, subtitle, children, activeTab, onBack, head
         gap="$3"
         width="100%"
         maxWidth={800}
-        style={{ paddingBottom: 'calc(env(safe-area-inset-bottom, 0px) + 128px)' }}
+        style={{ paddingBottom: `calc(env(safe-area-inset-bottom, 0px) + ${BOTTOM_NAV_HEIGHT}px)` }}
       >
         {!online ? (
           <XStack alignItems="center" justifyContent="center" borderRadius={12} backgroundColor={theme.warningBg} paddingVertical="$2" paddingHorizontal="$3">