diff --git a/miniapp/index.html b/miniapp/index.html
index 702d5a89..8f0b50f0 100644
--- a/miniapp/index.html
+++ b/miniapp/index.html
@@ -86,7 +86,7 @@
             max-width: 480px;
             margin: 0 auto;
             padding: 16px;
-            padding-bottom: 32px;
+            padding-bottom: calc(48px + env(safe-area-inset-bottom, 0));
         }
 
         /* Animations */
@@ -987,6 +987,10 @@
             margin-top: 8px;
         }
 
+        #subscriptionPurchaseCardWrapper {
+            margin-bottom: calc(32px + env(safe-area-inset-bottom, 0));
+        }
+
         .subscription-purchase-card .btn-secondary {
             justify-content: center;
         }
@@ -1025,6 +1029,10 @@
                 gap: 14px;
             }
 
+            #subscriptionPurchaseCardWrapper {
+                margin-bottom: calc(40px + env(safe-area-inset-bottom, 0));
+            }
+
             .subscription-purchase-card .btn-primary {
                 min-height: 52px;
                 font-size: 16px;