diff --git a/client/src/pages/admin/notifications.vue b/client/src/pages/admin/notifications.vue
index 2a966d9..7d98ded 100644
--- a/client/src/pages/admin/notifications.vue
+++ b/client/src/pages/admin/notifications.vue
@@ -586,6 +586,7 @@ onReachBottom(() => {
   border-radius: $radius-2xl $radius-2xl 0 0;
   display: flex;
   flex-direction: column;
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 .modal-header {
diff --git a/client/src/pages/category-manage/index.vue b/client/src/pages/category-manage/index.vue
index f7fbe5b..589f360 100644
--- a/client/src/pages/category-manage/index.vue
+++ b/client/src/pages/category-manage/index.vue
@@ -376,7 +376,7 @@ async function onMigrateConfirm() {
 .fab {
   position: fixed;
   right: $space-xl;
-  bottom: 120rpx;
+  bottom: calc(120rpx + env(safe-area-inset-bottom));
   width: 112rpx;
   height: 112rpx;
   background: linear-gradient(135deg, $primary, #E67355);
diff --git a/client/src/pages/group-manage/index.vue b/client/src/pages/group-manage/index.vue
index 6b4443d..b0a85fc 100644
--- a/client/src/pages/group-manage/index.vue
+++ b/client/src/pages/group-manage/index.vue
@@ -645,6 +645,7 @@ function handleDissolve(group: Group) {
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 .modal-header {
diff --git a/client/src/pages/notifications/index.vue b/client/src/pages/notifications/index.vue
index 292e588..4bdde31 100644
--- a/client/src/pages/notifications/index.vue
+++ b/client/src/pages/notifications/index.vue
@@ -440,6 +440,7 @@ onReachBottom(() => {
   border-radius: $radius-2xl $radius-2xl 0 0;
   display: flex;
   flex-direction: column;
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 .detail-header {