diff --git a/src/App.vue b/src/App.vue
index 251baa8..a125ac9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -66,8 +66,8 @@ onUnmounted(() => {
   padding: 2rem;
   width: 100%;
   max-width: 100%;
-  /* Space for fixed footer on mobile + extra margin (generous to ensure gap) */
-  padding-bottom: calc(100px + env(safe-area-inset-bottom));
+  /* Space for fixed footer on mobile + extra margin (match top padding 2rem + footer height ~40px) */
+  padding-bottom: calc(2rem + 40px + env(safe-area-inset-bottom));
 }
 
 @media (min-width: 768px) {