diff --git a/webapp-next/src/app/globals.css b/webapp-next/src/app/globals.css index e8c0e16..3f73b74 100644 --- a/webapp-next/src/app/globals.css +++ b/webapp-next/src/app/globals.css @@ -281,12 +281,12 @@ html::-webkit-scrollbar { } /* Content safe area: top/bottom/left/right so content and sticky chrome sit below Telegram UI. - Use for full-screen wrappers; horizontal padding can be extended by layout (e.g. px-3). */ + Horizontal padding has a minimum of 0.75rem (12px) when safe insets are zero. */ .content-safe { padding-top: var(--app-safe-top); padding-bottom: var(--app-safe-bottom); - padding-left: var(--app-safe-left); - padding-right: var(--app-safe-right); + padding-left: max(var(--app-safe-left), 0.75rem); + padding-right: max(var(--app-safe-right), 0.75rem); } /* Sticky calendar header: shadow when scrolled (useStickyScroll). */