diff --git a/src/assets/main.css b/src/assets/main.css
index dac3a70..f517b87 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -318,6 +318,11 @@ html.platform-macos #root {
   min-height: 100%;
 }
 
+.ss-route-page.is-board-page {
+  height: 100%;
+  overflow: hidden;
+}
+
 .ss-route-page.is-subpage-enter {
   animation: ss-subpage-enter 240ms cubic-bezier(0.22, 1, 0.36, 1);
 }
diff --git a/src/components/ContentArea.tsx b/src/components/ContentArea.tsx
index ca2684d..0557604 100644
--- a/src/components/ContentArea.tsx
+++ b/src/components/ContentArea.tsx
@@ -92,6 +92,7 @@ export function ContentArea({
   const isSubPage = location.pathname !== "/" && !location.pathname.startsWith("/home")
   const shouldAnimateSubPage = isPortraitMode && isSubPage
   const normalizedPath = location.pathname === "/" ? "/home" : location.pathname
+  const isBoardPage = normalizedPath.startsWith("/boards")
   const isMobileHeaderMode = isPortraitMode && isMobileDevice && !immersiveMode
   const isPrimaryMobilePage =
     normalizedPath.startsWith("/home") || normalizedPath.startsWith("/settings")
@@ -317,7 +318,7 @@ export function ContentArea({
       <Content
         style={{
           flex: 1,
-          overflowY: "auto",
+          overflowY: isBoardPage ? "hidden" : "auto",
           overflowX: "hidden",
           paddingBottom: bottomInset ? `${bottomInset}px` : 0,
         }}
@@ -340,7 +341,7 @@ export function ContentArea({
         >
           <div
             key={location.pathname}
-            className={`ss-route-page${shouldAnimateSubPage ? " is-subpage-enter" : ""}`}
+            className={`ss-route-page${shouldAnimateSubPage ? " is-subpage-enter" : ""}${isBoardPage ? " is-board-page" : ""}`}
           >
             <Routes>
               <Route