diff --git a/src/styles/components/swipe.css b/src/styles/components/swipe.css
index 048c13e..176bf10 100644
--- a/src/styles/components/swipe.css
+++ b/src/styles/components/swipe.css
@@ -3,7 +3,7 @@
     top: 25vh;
     opacity: 0;
     width: 100%;
-    height: 75vh;
+    bottom: max(env(safe-area-inset-bottom), 50px);
     background-color: lightgray;
     display: flex;
     justify-content: center;