diff --git a/apps/web/app/(main)/layout.tsx b/apps/web/app/(main)/layout.tsx
index b3c37f7..9369ed8 100644
--- a/apps/web/app/(main)/layout.tsx
+++ b/apps/web/app/(main)/layout.tsx
@@ -4,7 +4,7 @@ import { type PropsWithChildren } from 'react';
 export default async function Layout({ children }: Readonly<PropsWithChildren>) {
   return (
     <>
-      <main>{children}</main>
+      <main className="grow">{children}</main>
       <BottomNav />
     </>
   );
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 6c91944..0fda848 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -16,7 +16,7 @@ export default async function RootLayout({ children }: Readonly<PropsWithChildre
 
   return (
     <html lang={locale}>
-      <body className="bg-app-background">
+      <body className="flex min-h-screen flex-col bg-app-background">
         <I18nProvider>
           <ThemeProvider>
             <AuthProvider>
diff --git a/apps/web/components/navigation/navbar/index.tsx b/apps/web/components/navigation/navbar/index.tsx
index 380c1af..ba9aea3 100644
--- a/apps/web/components/navigation/navbar/index.tsx
+++ b/apps/web/components/navigation/navbar/index.tsx
@@ -10,7 +10,7 @@ export function BottomNav() {
   if (!isFirstLevel) return null;
 
   return (
-    <nav className="fixed inset-x-0 bottom-0 border-t border-border bg-background">
+    <nav className="sticky inset-x-0 bottom-0 border-t border-border bg-background">
       <div className="grid grid-cols-5">
         <NavButton href="/dashboard" icon={<Newspaper />} label="Главное" />
         <NavButton href="/records" icon={<BookOpen />} label="Записи" />
