From 3abf2217a6810600a8c9203f70d35385818a3494 Mon Sep 17 00:00:00 2001
From: Waleed Latif <walif6@gmail.com>
Date: Fri, 10 Jul 2026 18:09:20 -0700
Subject: [PATCH] fix(landing): contain sr-only logos heading to stop phantom
 root scrollbar

---
 .../components/platform-logos-row/platform-logos-row.tsx | 9 +++++++--
 .../solutions-logos-row/solutions-logos-row.tsx          | 9 +++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/apps/sim/app/(landing)/components/platform-page/components/platform-logos-row/platform-logos-row.tsx b/apps/sim/app/(landing)/components/platform-page/components/platform-logos-row/platform-logos-row.tsx
index ad072672645..0a173ba0231 100644
--- a/apps/sim/app/(landing)/components/platform-page/components/platform-logos-row/platform-logos-row.tsx
+++ b/apps/sim/app/(landing)/components/platform-page/components/platform-logos-row/platform-logos-row.tsx
@@ -9,11 +9,16 @@ import { Logos } from '@/app/(landing)/components/logos'
  *
  * Wrapped as a labelled `<section>` so it is a discrete, crawlable landmark; the
  * heading is sr-only because the logos are a proof band rather than a content
- * section, but the H2 keeps the page's heading hierarchy intact.
+ * section, but the H2 keeps the page's heading hierarchy intact. The section is
+ * `relative` so the `sr-only` (`position: absolute`) heading is contained by it
+ * rather than falling back to the document root - matching {@link Features}'s
+ * `relative` wrapper for its own `sr-only` heading, and avoiding a phantom root
+ * scrollbar (the heading's un-offset static position would otherwise inflate
+ * `document.documentElement`'s scroll height by its own position in the page).
  */
 export function PlatformLogosRow() {
   return (
-    <section id='platform-logos' aria-labelledby='platform-logos-heading'>
+    <section id='platform-logos' aria-labelledby='platform-logos-heading' className='relative'>
       <h2 id='platform-logos-heading' className='sr-only'>
         Companies building AI agents with Sim
       </h2>
diff --git a/apps/sim/app/(landing)/components/solutions-page/components/solutions-logos-row/solutions-logos-row.tsx b/apps/sim/app/(landing)/components/solutions-page/components/solutions-logos-row/solutions-logos-row.tsx
index bc2c94f688f..485d1049970 100644
--- a/apps/sim/app/(landing)/components/solutions-page/components/solutions-logos-row/solutions-logos-row.tsx
+++ b/apps/sim/app/(landing)/components/solutions-page/components/solutions-logos-row/solutions-logos-row.tsx
@@ -9,11 +9,16 @@ import { Logos } from '@/app/(landing)/components/logos'
  *
  * Wrapped as a labelled `<section>` so it is a discrete, crawlable landmark; the
  * heading is sr-only because the logos are a proof band rather than a content
- * section, but the H2 keeps the page's heading hierarchy intact.
+ * section, but the H2 keeps the page's heading hierarchy intact. The section is
+ * `relative` so the `sr-only` (`position: absolute`) heading is contained by it
+ * rather than falling back to the document root - matching {@link Features}'s
+ * `relative` wrapper for its own `sr-only` heading, and avoiding a phantom root
+ * scrollbar (the heading's un-offset static position would otherwise inflate
+ * `document.documentElement`'s scroll height by its own position in the page).
  */
 export function SolutionsLogosRow() {
   return (
-    <section id='solutions-logos' aria-labelledby='solutions-logos-heading'>
+    <section id='solutions-logos' aria-labelledby='solutions-logos-heading' className='relative'>
       <h2 id='solutions-logos-heading' className='sr-only'>
         Companies building AI agents with Sim
       </h2>