diff --git a/docker/frontend/src/styles/app.css b/docker/frontend/src/styles/app.css
index ef3cc03..80bf704 100644
--- a/docker/frontend/src/styles/app.css
+++ b/docker/frontend/src/styles/app.css
@@ -99,6 +99,8 @@
 .chips {
   flex: 0 0 auto;
   max-width: 62vw;
+  height: 100%;
+  min-height: 0;
   display: flex;
   flex-direction: row;
   align-items: stretch;
@@ -110,14 +112,34 @@
 .col {
   width: var(--col-w);
   flex: 0 0 auto;
+  height: 100%;
+  max-height: 100%;
+  min-height: 0;
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 10px;
   overflow-y: auto;
+  overflow-x: hidden;
   border-right: 1px solid var(--border-soft);
   /* The grip on this column's edge is placed against it (see .col-grip). */
   position: relative;
+  scrollbar-width: thin;
+  scrollbar-color: var(--border, #3a3a42) transparent;
+}
+.col::-webkit-scrollbar {
+  width: 6px;
+}
+.col::-webkit-scrollbar-track {
+  background: transparent;
+}
+.col::-webkit-scrollbar-thumb {
+  background: var(--border, #3a3a42);
+  border-radius: 3px;
+}
+.col::-webkit-scrollbar-thumb:hover {
+  background: var(--text-dim, #71717a);
 }
 /* A list read as names instead of as buttons: MY PHOTOS' saved frames, FAVORITED
    and RECIPES' looks, PHOTO STYLE's sims. No border, no fill, no pill — the text
@@ -156,9 +178,13 @@
 /* CREATE RECIPES draws a two-up form, so its column is the wide one. */
 .col-create { width: 300px; }
 .col-sub { background: var(--bg-elev); }
-/* RESET is the way out of an edit, not one more chip: a rule and some air keep
-   it apart from the tab's own buttons at the foot of the column. */
-.reset-row { margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--border); }
+.reset-row {
+  margin-top: 6px;
+  padding-top: 12px;
+  border-top: 1px solid var(--border);
+  flex-shrink: 0;
+  margin-bottom: 24px;
+}
 /* Three things that belong to the phone alone: the path back up under the strip,
    LIGHT's panels as a chip row, and the strip those chips open. A desktop draws
    none of them — every column is in sight, LIGHT's panels are the column itself,
@@ -1977,6 +2003,13 @@ form[data-key='immich-modal'] {
   width: 350px;
   min-width: 320px;
   flex: 0 0 auto;
+  height: 100%;
+  max-height: 100%;
+  min-height: 0;
+  box-sizing: border-box;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 10px 10px 40px 10px;
 }
 .dev-panels {
   display: flex;
@@ -1985,6 +2018,7 @@ form[data-key='immich-modal'] {
   border: 1px solid var(--border);
   border-radius: var(--radius-sm);
   overflow: hidden;
+  flex-shrink: 0;
 }
 .dev-panel {
   border-top: 1px solid var(--border-soft);