diff --git a/src/layouts/PrimaryPageLayout/index.tsx b/src/layouts/PrimaryPageLayout/index.tsx
index 356dd81b..255760b1 100644
--- a/src/layouts/PrimaryPageLayout/index.tsx
+++ b/src/layouts/PrimaryPageLayout/index.tsx
@@ -72,6 +72,7 @@ const PrimaryPageLayout = forwardRef(
         >
           {titlebar && <PrimaryPageTitlebar>{titlebar}</PrimaryPageTitlebar>}
           {children}
+          <div className="h-4" />
         </ScrollArea>
         {displayScrollToTopButton && <ScrollToTopButton scrollAreaRef={scrollAreaRef} />}
       </DeepBrowsingProvider>
diff --git a/src/layouts/SecondaryPageLayout/index.tsx b/src/layouts/SecondaryPageLayout/index.tsx
index 55e332e0..2b443ad6 100644
--- a/src/layouts/SecondaryPageLayout/index.tsx
+++ b/src/layouts/SecondaryPageLayout/index.tsx
@@ -85,6 +85,7 @@ const SecondaryPageLayout = forwardRef(
             hideBackButton={hideBackButton}
           />
           {children}
+          <div className="h-4" />
         </ScrollArea>
         {displayScrollToTopButton && <ScrollToTopButton scrollAreaRef={scrollAreaRef} />}
       </DeepBrowsingProvider>