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,