diff --git a/src/App.tsx b/src/App.tsx
index e93d4d6..5c231f3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -50,7 +50,7 @@ function App() {
 
         <section
           className="relative flex w-full flex-col overflow-hidden"
-          style={{ height: 'calc(100vh - 56px)', scrollbarWidth: 'none', padding: '16px 24px 24px 24px', gap: '20px', zIndex: 1 }}
+          style={{ height: 'calc(100vh - 56px)', scrollbarWidth: 'none', padding: showHero ? '40px 24px 24px 24px' : '16px 24px 24px 24px', gap: '20px', zIndex: 1 }}
         >
           <Routes>
             <Route path="/" element={<Glance />} />
diff --git a/src/pages/Infrastructure.tsx b/src/pages/Infrastructure.tsx
index 2968b64..0bdee05 100644
--- a/src/pages/Infrastructure.tsx
+++ b/src/pages/Infrastructure.tsx
@@ -160,7 +160,7 @@ export default function Infrastructure() {
       </div>
 
       {/* Status Cards */}
-      <div className="grid w-full grid-cols-5 gap-5 shrink-0">
+      <div className="grid w-full grid-cols-5 gap-5 shrink-0" style={{ marginTop: '8px' }}>
         {statusCards.map((card) => {
           const Icon = card.icon
           return (