From b4f91204270a1e6731d7d512477a4ef635b923ac Mon Sep 17 00:00:00 2001
From: Luke Parrott <lparrott@salesforce.com>
Date: Mon, 5 Oct 2026 16:50:51 -0500
Subject: [PATCH] Fix for scrolling in Settings page when zoomed

---
 force-app/main/default/pages/STG_PanelHome.page          | 2 +-
 force-app/main/default/pages/STG_PanelRelReciprocal.page | 2 ++
 force-app/main/default/pages/STG_SettingsManager.page    | 6 ++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/force-app/main/default/pages/STG_PanelHome.page b/force-app/main/default/pages/STG_PanelHome.page
index 82b92c51259..02da7058017 100644
--- a/force-app/main/default/pages/STG_PanelHome.page
+++ b/force-app/main/default/pages/STG_PanelHome.page
@@ -13,7 +13,7 @@
             </div>
         </div>
     </div>
-    <div class="slds-grid">
+    <div class="slds-grid slds-wrap">
         <div class="slds-col_padded slds-size_4-of-12">
             <div class="slds-text-heading_medium slds-m-bottom_medium">
                 {!$Label.stgTools}
diff --git a/force-app/main/default/pages/STG_PanelRelReciprocal.page b/force-app/main/default/pages/STG_PanelRelReciprocal.page
index 1a6009f4693..24b61eb59a2 100644
--- a/force-app/main/default/pages/STG_PanelRelReciprocal.page
+++ b/force-app/main/default/pages/STG_PanelRelReciprocal.page
@@ -79,6 +79,7 @@
                     </div>
                 </div>
             </apex:outputPanel>
+            <div class="slds-scrollable_x">
             <table class="slds-table slds-table_bordered">
                 <thead>
                     <tr class="slds-text-heading_label">
@@ -125,5 +126,6 @@
                     </apex:repeat>
                 </tbody>
             </table>
+            </div>
     </apex:form>
 </apex:page>
\ No newline at end of file
diff --git a/force-app/main/default/pages/STG_SettingsManager.page b/force-app/main/default/pages/STG_SettingsManager.page
index bae297de168..ac56ea94a1d 100644
--- a/force-app/main/default/pages/STG_SettingsManager.page
+++ b/force-app/main/default/pages/STG_SettingsManager.page
@@ -44,6 +44,12 @@
     .hide {
         display: none;
     }
+
+    /* Contain horizontal overflow of wide panels to the content column so the sidebar and headings don't scroll with it (WCAG Reflow) */
+    .slds .content {
+        min-width: 0;
+        overflow-x: auto;
+    }
 </style>
 
 <script>