diff --git a/apps/pwa/src/App.tsx b/apps/pwa/src/App.tsx
index 84feadf..c11e6ea 100644
--- a/apps/pwa/src/App.tsx
+++ b/apps/pwa/src/App.tsx
@@ -160,6 +160,8 @@ export default function App() {
     flexDirection: 'column',
     overflow: 'hidden',
     position: 'relative',
+    // Phone-only: reserve space for the fixed BottomTabBar so content is not occluded
+    ...(phone ? { paddingBottom: 'var(--bottom-chrome-h)' } : {}),
   };
 
   // Setup gate: while setup status is loading, render nothing (prevent flash).
diff --git a/apps/pwa/src/components/CalendarShell.tsx b/apps/pwa/src/components/CalendarShell.tsx
index 6b28373..cc7f0de 100644
--- a/apps/pwa/src/components/CalendarShell.tsx
+++ b/apps/pwa/src/components/CalendarShell.tsx
@@ -467,7 +467,7 @@ export function CalendarShell() {
           onClick={() => setEventForm(true, 'create')}
           style={{
             position: 'fixed',
-            bottom: 'var(--space-6)',
+            bottom: 'calc(var(--bottom-chrome-h) + var(--space-6))',
             right: 'var(--space-6)',
             width: '56px',
             height: '56px',