From ab75a178e4faa8cccc68251b97045861a1a49a2c Mon Sep 17 00:00:00 2001
From: "v.lagerev" <lagerev.vl@gmail.com>
Date: Wed, 20 May 2026 02:39:21 +0300
Subject: [PATCH] fix(bots): pad BotStatePage wrapper with safe-top so the
 mobile back-arrow header clears the Android status bar on the connect-bot
 empty state

---
 src/app/pages/client/bots/BotStatePage.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/client/bots/BotStatePage.tsx b/src/app/pages/client/bots/BotStatePage.tsx
index df6dc66b..1ba20cdb 100644
--- a/src/app/pages/client/bots/BotStatePage.tsx
+++ b/src/app/pages/client/bots/BotStatePage.tsx
@@ -22,7 +22,11 @@ export function BotStatePage({ title, description, icon, children }: BotStatePag
   const screenSize = useScreenSizeContext();
 
   return (
-    <Page>
+    // Safe-top on the wrapper, not on `PageHeader`: the recipe is a
+    // folds `Header size="600"` with fixed height, so inner padding
+    // would clip its content (same constraint as PageNav, Page.tsx).
+    // No-op on web / inside Modal500 where `--vojo-safe-top` is 0px.
+    <Page style={{ paddingTop: 'var(--vojo-safe-top, 0px)' }}>
       {screenSize === ScreenSize.Mobile && (
         <PageHeader balance outlined={false}>
           <Box grow="Yes" alignItems="Center" gap="200">