diff --git a/components/blocks/v3/heroBox/heroBox.tsx b/components/blocks/v3/heroBox/heroBox.tsx
index bf5b3bca0f..38561a13f3 100644
--- a/components/blocks/v3/heroBox/heroBox.tsx
+++ b/components/blocks/v3/heroBox/heroBox.tsx
@@ -59,11 +59,11 @@ export const V3HeroBox = ({ data, priority = false }) => {
         type="button"
         aria-label="Scroll to content"
         onClick={(e) => {
-          // Scroll so the arrow ends up 10% of the viewport height down from
-          // the top of the screen, pulling the hero up out of the way.
+          // Scroll the arrow 10% of the viewport height past the top of the
+          // screen, clearing the hero out of the way.
           const { top } = e.currentTarget.getBoundingClientRect();
           window.scrollTo({
-            top: window.scrollY + top - window.innerHeight * 0.1,
+            top: window.scrollY + top + window.innerHeight * 0.1,
             behavior: "smooth",
           });
         }}