From f2d1a57a7084203bda8fa8996082a3b1798555e3 Mon Sep 17 00:00:00 2001
From: Tom Wise <79859203+tomwisecodes@users.noreply.github.com>
Date: Tue, 10 Sep 2024 12:44:07 +0100
Subject: [PATCH] fix: exports page overlap (#105)

---
 apps/nextjs/src/components/AppComponents/Layout/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/nextjs/src/components/AppComponents/Layout/index.tsx b/apps/nextjs/src/components/AppComponents/Layout/index.tsx
index 2ab5c7c7e..68df650e3 100644
--- a/apps/nextjs/src/components/AppComponents/Layout/index.tsx
+++ b/apps/nextjs/src/components/AppComponents/Layout/index.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useDemoUser } from "@/components/ContextProviders/Demo";
 import Footer from "@/components/Footer";
 
 import { Header } from "../Chat/header";
@@ -12,10 +13,13 @@ const Layout = ({
   children: React.ReactNode;
   includeFooter?: boolean;
 }) => {
+  const isDemoUser = useDemoUser().isDemoUser;
   return (
     <div className="flex min-h-screen flex-col ">
       <Header />
-      <main className="flex h-full flex-1 flex-col bg-muted/50 bg-white">
+      <main
+        className={`flex h-full flex-1 flex-col bg-muted/50 bg-white ${isDemoUser && `pt-28 sm:pt-20`}`}
+      >
         <DialogProvider>{children}</DialogProvider>
       </main>
       {includeFooter && <Footer />}