diff --git a/web/Collections/Collections.tsx b/web/Collections/Collections.tsx
index e2c79a2..2120155 100644
--- a/web/Collections/Collections.tsx
+++ b/web/Collections/Collections.tsx
@@ -15,7 +15,7 @@ export const Collections = () => {
   if (openId) return <Detail manager={manager} searchParams={searchParams} />;
 
   return (
-    <div className="space-y-6 p-4">
+    <div className="h-full space-y-6 overflow-y-auto p-4">
       <div className="flex gap-2">
         <Input
           placeholder="New collection — an afternoon, a suite, a client"
@@ -107,7 +107,7 @@ const Detail = ({ manager, searchParams }: DetailProps) => {
   if (!collection) return <p className="p-4 text-sm text-muted-foreground">Loading…</p>;
 
   return (
-    <div className="space-y-6 p-4">
+    <div className="h-full space-y-6 overflow-y-auto p-4">
       <div className="flex items-baseline gap-3">
         <Link to={backTo} className="text-sm text-muted-foreground hover:text-foreground">
           ‹ Collections
diff --git a/web/Gallery/Gallery.tsx b/web/Gallery/Gallery.tsx
index 1e7388d..660ed67 100644
--- a/web/Gallery/Gallery.tsx
+++ b/web/Gallery/Gallery.tsx
@@ -21,7 +21,7 @@ export const Gallery = () => {
   }
 
   return (
-    <div className="space-y-6 p-4">
+    <div className="h-full space-y-6 overflow-y-auto p-4">
       <div className="flex items-center justify-between">
         <p className="text-sm text-muted-foreground">
           {manager.succeeded.length} image{manager.succeeded.length === 1 ? '' : 's'}
diff --git a/web/Generate/Generate.tsx b/web/Generate/Generate.tsx
index bbc1d44..3f1c133 100644
--- a/web/Generate/Generate.tsx
+++ b/web/Generate/Generate.tsx
@@ -22,7 +22,7 @@ export const Generate = () => {
   }
 
   return (
-    <div className="space-y-6 p-4">
+    <div className="h-full space-y-6 overflow-y-auto p-4">
       <div className="space-y-2">
         <Label htmlFor="atelier-prompt">Prompt</Label>
         <Textarea
diff --git a/web/Providers/Providers.tsx b/web/Providers/Providers.tsx
index ea4fbdb..0b5b11f 100644
--- a/web/Providers/Providers.tsx
+++ b/web/Providers/Providers.tsx
@@ -103,8 +103,10 @@ export const Providers = () => {
 
   if (loading) return null;
 
+  // `content-start`: a grid told to fill its height stretches its rows, which would pull the two cards
+  // tall and leave their text floating in the middle of them.
   return (
-    <div className="grid gap-5">
+    <div className="grid h-full content-start gap-5 overflow-y-auto p-4">
       <div className="grid gap-3 rounded-lg border border-duck-dark/10 p-4 dark:border-foreground/10">
         <p className="text-sm font-medium text-duck-dark dark:text-foreground">Add a provider</p>
         <p className="text-xs text-duck-dark/50 dark:text-foreground/50">