diff --git a/vue/src/components/BottomNavigationBar.vue b/vue/src/components/BottomNavigationBar.vue
index 3801d9bdd..e80fb2daf 100644
--- a/vue/src/components/BottomNavigationBar.vue
+++ b/vue/src/components/BottomNavigationBar.vue
@@ -91,6 +91,14 @@ export default {
 }
 </script>
 
+<style>
+
+#id_base_container, .fixed-bottom {
+    padding-bottom: env(safe-area-inset-bottom) !important;
+}
+
+</style>
+
 <style scoped>
 
 .bottom-nav-link {