From 8e93f9d45ec67d653bbf7445916ab3ce73e63364 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Thu, 5 Feb 2026 13:20:01 -0600
Subject: [PATCH] Content overflow scrolling for users list

---
 app/assets/stylesheets/settings.css        | 8 ++++++++
 app/views/account/settings/_users.html.erb | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/settings.css b/app/assets/stylesheets/settings.css
index 0e39c33ee..2a2d0c9cd 100644
--- a/app/assets/stylesheets/settings.css
+++ b/app/assets/stylesheets/settings.css
@@ -58,6 +58,14 @@
   /* Users
   /* ------------------------------------------------------------------------ */
 
+  .settings__section--users {
+    @media (min-width: 640px) {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      min-height: 0;
+    }
+  }
   .settings__user-filter {
     --btn-size: 3.5ch;
     --avatar-size: var(--btn-size);
diff --git a/app/views/account/settings/_users.html.erb b/app/views/account/settings/_users.html.erb
index aeee05638..ceb17ff23 100644
--- a/app/views/account/settings/_users.html.erb
+++ b/app/views/account/settings/_users.html.erb
@@ -1,9 +1,9 @@
-<section class="settings__section">
+<section class="settings__section settings__section--users">
   <header>
     <h2 class="divider">People on this account</h2>
   </header>
 
-  <%= tag.div class: "flex flex-column gap settings__user-filter", data: {
+  <%= tag.div class: "settings__user-filter flex flex-column gap", data: {
     controller: "filter navigable-list",
     action: "keydown->navigable-list#navigate filter:changed->navigable-list#reset",
     navigable_list_focus_on_selection_value: true,