diff --git a/app/assets/stylesheets/settings.css b/app/assets/stylesheets/settings.css
index a7d4db722..bd12916fc 100644
--- a/app/assets/stylesheets/settings.css
+++ b/app/assets/stylesheets/settings.css
@@ -6,9 +6,18 @@
     align-items: start;
     display: flex;
     gap: calc(var(--settings-spacer) * 2);
+    flex-direction: column;
     justify-content: center;
     margin: 0 auto;
     max-inline-size: min(100ch, 100%);
+
+    @media (min-width: 960px) {
+      flex-direction: row;
+
+      .settings__panel {
+        max-inline-size: 50%;
+      }
+    }
   }
 
   /* Sections & Panels
@@ -27,10 +36,6 @@
     @media (min-width: 640px) {
       --panel-padding: calc(var(--settings-spacer) * 2);
     }
-
-    @media (min-width: 960px) {
-      max-inline-size: 50%;
-    }
   }
 
   .settings__panel--users {