diff --git a/src/layouts/PrimaryPageLayout/index.tsx b/src/layouts/PrimaryPageLayout/index.tsx
index 6d88829d..bb3b0b1a 100644
--- a/src/layouts/PrimaryPageLayout/index.tsx
+++ b/src/layouts/PrimaryPageLayout/index.tsx
@@ -85,7 +85,7 @@ const PrimaryPageLayout = forwardRef(
 
     return (
       <ScrollArea
-        className="sm:h-screen sm:overflow-auto"
+        className="sm:h-screen sm:overflow-auto pt-12 sm:pt-0"
         scrollBarClassName="sm:z-50"
         ref={scrollAreaRef}
         style={{
diff --git a/src/layouts/SecondaryPageLayout/index.tsx b/src/layouts/SecondaryPageLayout/index.tsx
index 2df181f0..e1deb71f 100644
--- a/src/layouts/SecondaryPageLayout/index.tsx
+++ b/src/layouts/SecondaryPageLayout/index.tsx
@@ -71,7 +71,7 @@ export default function SecondaryPageLayout({
 
   return (
     <ScrollArea
-      className="sm:h-screen sm:overflow-auto"
+      className="sm:h-screen sm:overflow-auto pt-12 sm:pt-0"
       scrollBarClassName="sm:z-50"
       ref={scrollAreaRef}
       style={{