From b600f2b0a2909866c19fe077d9ae0042777dc18f Mon Sep 17 00:00:00 2001
From: CatsJuice <wp1298554944@hotmail.com>
Date: Mon, 2 Dec 2024 03:11:08 +0000
Subject: [PATCH] fix(mobile): adjust body padding-bottom for app tab (#8944)

---
 packages/frontend/core/src/mobile/styles/mobile.css.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/core/src/mobile/styles/mobile.css.ts b/packages/frontend/core/src/mobile/styles/mobile.css.ts
index 69e561878f080..ed9cc6db449a8 100644
--- a/packages/frontend/core/src/mobile/styles/mobile.css.ts
+++ b/packages/frontend/core/src/mobile/styles/mobile.css.ts
@@ -19,7 +19,7 @@ globalStyle('body', {
   overflowY: 'unset',
 });
 globalStyle('body:has(#app-tabs)', {
-  paddingBottom: globalVars.appTabHeight,
+  paddingBottom: `calc(${globalVars.appTabHeight} + env(safe-area-inset-bottom))`,
 });
 globalStyle('html', {
   height: '100dvh',