diff --git a/src/App.tsx b/src/App.tsx
index 8320ff2..5d8f9a6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,6 +11,7 @@ function App() {
   const sidebarWidth = sidebarCollapsed ? 64 : 200
   const location = useLocation()
   const showHero = location.pathname === '/infrastructure' || location.pathname === '/booknest'
+  const heroPaddingTop = location.pathname === '/booknest' ? '140px' : '72px'
 
   return (
     <div className="min-h-screen w-screen overflow-hidden bg-page">
@@ -51,7 +52,7 @@ function App() {
 
         <section
           className="relative flex w-full flex-col overflow-hidden"
-          style={{ height: 'calc(100vh - 56px)', scrollbarWidth: 'none', padding: showHero ? '72px 24px 24px 24px' : '16px 24px 24px 24px', gap: '20px', zIndex: 1 }}
+          style={{ height: 'calc(100vh - 56px)', scrollbarWidth: 'none', padding: showHero ? `${heroPaddingTop} 24px 24px 24px` : '16px 24px 24px 24px', gap: '20px', zIndex: 1 }}
         >
           <Routes>
             <Route path="/" element={<Glance />} />