diff --git a/packages/app/src/index.css b/packages/app/src/index.css
index 073857f8..7eb9f4c9 100644
--- a/packages/app/src/index.css
+++ b/packages/app/src/index.css
@@ -926,3 +926,7 @@ svg.repeat {
 .hide-scrollbar::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
+
+.pb-safe-area {
+  padding-bottom: env(safe-area-inset-bottom);
+}