diff --git a/dashboard/app/globals.css b/dashboard/app/globals.css
index b157c54..75a8b4c 100644
--- a/dashboard/app/globals.css
+++ b/dashboard/app/globals.css
@@ -8,6 +8,7 @@
 :root {
   --font-geist-sans: 'Geist', sans-serif;
   --font-geist-mono: 'Geist Mono', monospace;
+  --app-shell-nav-offset: 5.5rem;
 
   /* Light theme defaults */
   --color-background: #f8fafc;
diff --git a/dashboard/cms/extensions/appShell.tsx b/dashboard/cms/extensions/appShell.tsx
index e5d9d26..4e65852 100644
--- a/dashboard/cms/extensions/appShell.tsx
+++ b/dashboard/cms/extensions/appShell.tsx
@@ -10,8 +10,10 @@ function AppShellLayout({ children }: { children: ReactNode }) {
   return (
     <>
       <Navbar />
-      {children}
-      <Footer />
+      <div className="pt-[var(--app-shell-nav-offset)]">
+        {children}
+        <Footer />
+      </div>
       <AskAIButton />
     </>
   )