diff --git a/modules/baseWidgets/ext.isekai.baseWidgets.less b/modules/baseWidgets/ext.isekai.baseWidgets.less
index 647f02b..42045f3 100644
--- a/modules/baseWidgets/ext.isekai.baseWidgets.less
+++ b/modules/baseWidgets/ext.isekai.baseWidgets.less
@@ -89,6 +89,7 @@
     left: 0;
     width: 100%;
     height: (@isekai-bottom-nav-button-size + 2px);
+    height: ~"calc(var(--safe-area-inset-bottom, 0px) + " (@isekai-bottom-nav-button-size + 2px) ~")";
     padding-bottom: 2px;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
     background-color: #fff;
@@ -127,7 +128,8 @@
     }
 }
 
-@supports(-webkit-backdrop-filter: blur(10px)) {
+// iOS
+@supports(-webkit-touch-callout: none) {
     .isekai-bottom-nav {
         background-color: rgba(255, 255, 255, 0.8);
         -webkit-backdrop-filter: blur(20px) saturate(120%);