From 89880195ad1c0db838230c91d8e22ff36d19ac1e Mon Sep 17 00:00:00 2001
From: Egor <egor.andrianovv@gmail.com>
Date: Tue, 20 Jan 2026 07:40:46 +0300
Subject: [PATCH] Update Layout.tsx

---
 src/components/layout/Layout.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index 9469e0d..4333c07 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -353,7 +353,7 @@ export default function Layout({ children }: LayoutProps) {
 
       {/* Header */}
       <header
-        className="sticky top-0 z-50 glass border-b border-dark-800/50"
+        className="fixed top-0 left-0 right-0 z-50 glass border-b border-dark-800/50"
         style={{
           // In fullscreen mode, add padding for safe area + Telegram native controls (close/menu buttons in corners)
           paddingTop: isFullscreen ? `${Math.max(safeAreaInset.top, contentSafeAreaInset.top) + 45}px` : undefined,
@@ -500,6 +500,16 @@ export default function Layout({ children }: LayoutProps) {
 
       </header>
 
+      {/* Spacer for fixed header - matches header height */}
+      {isFullscreen ? (
+        <div 
+          className="flex-shrink-0"
+          style={{ height: `${64 + Math.max(safeAreaInset.top, contentSafeAreaInset.top) + 45}px` }}
+        />
+      ) : (
+        <div className="flex-shrink-0 h-16 lg:h-20" />
+      )}
+
       {/* Mobile menu - fixed overlay below header */}
       {mobileMenuOpen && (
         <div