diff --git a/tests/visual/overlay-layers.spec.ts b/tests/visual/overlay-layers.spec.ts
index 0c891dc3..016ef596 100644
--- a/tests/visual/overlay-layers.spec.ts
+++ b/tests/visual/overlay-layers.spec.ts
@@ -138,8 +138,9 @@ test.describe("overlay layering tokens", () => {
     // Ensure the footer button is scrolled into view (especially for mobile viewports)
     await page.evaluate(() => {
       const sidebar = document.getElementById("sidebar");
-      if (sidebar) {
-        sidebar.scrollTop = sidebar.scrollHeight;
+      const footerBtn = document.getElementById("footerDropdownButton");
+      if (sidebar && footerBtn) {
+        footerBtn.scrollIntoView({ block: "center", inline: "center" });
       }
     });