diff --git a/src/layouts/PrimaryPageLayout/index.tsx b/src/layouts/PrimaryPageLayout/index.tsx
index bb3b0b1a..d1da3e9c 100644
--- a/src/layouts/PrimaryPageLayout/index.tsx
+++ b/src/layouts/PrimaryPageLayout/index.tsx
@@ -89,7 +89,7 @@ const PrimaryPageLayout = forwardRef(
         scrollBarClassName="sm:z-50"
         ref={scrollAreaRef}
         style={{
-          paddingBottom: 'calc(env(safe-area-inset-bottom) + 3rem)'
+          paddingBottom: isSmallScreen ? 'calc(env(safe-area-inset-bottom) + 3rem)' : ''
         }}
       >
         {titlebar && (
diff --git a/src/layouts/SecondaryPageLayout/index.tsx b/src/layouts/SecondaryPageLayout/index.tsx
index e1deb71f..83f1b73b 100644
--- a/src/layouts/SecondaryPageLayout/index.tsx
+++ b/src/layouts/SecondaryPageLayout/index.tsx
@@ -75,7 +75,7 @@ export default function SecondaryPageLayout({
       scrollBarClassName="sm:z-50"
       ref={scrollAreaRef}
       style={{
-        paddingBottom: 'calc(env(safe-area-inset-bottom) + 3rem)'
+        paddingBottom: isSmallScreen ? 'env(safe-area-inset-bottom) + 3rem)' : ''
       }}
     >
       <SecondaryPageTitlebar