diff --git a/web/MessagesPanel.tsx b/web/MessagesPanel.tsx
index bb7a6f1..26a1638 100644
--- a/web/MessagesPanel.tsx
+++ b/web/MessagesPanel.tsx
@@ -108,7 +108,10 @@ export const MessagesPanel = () => {
           <p className="text-sm text-muted-foreground">Nobody has used the contact form yet.</p>
         </div>
       ) : (
-        <ul className="flex-1 overflow-auto">
+        /* `min-h-0` is what makes this actually scroll. A flex child defaults to `min-height: auto`,
+           which refuses to shrink below its content — so `flex-1 overflow-auto` alone grows the list
+           and pushes it past the panel instead of scrolling inside it. */
+        <ul className="min-h-0 flex-1 overflow-auto">
           {messages.map((message) => (
             <li key={message.id} className="border-b border-border px-4 py-3">
               <div className="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1">
diff --git a/web/sections/AboutPanel.tsx b/web/sections/AboutPanel.tsx
index fbb448b..0809ecf 100644
--- a/web/sections/AboutPanel.tsx
+++ b/web/sections/AboutPanel.tsx
@@ -117,7 +117,7 @@ export const AboutPanel = () => {
   );
 
   return (
-    <div className="flex flex-col gap-4 overflow-auto p-4">
+    <div className="flex size-full flex-col gap-4 overflow-auto p-4">
       <p className="text-xs text-muted-foreground">
         The About page, in the order it is shown: a header, the text about you, the product, and the
         manifesto.
diff --git a/web/sections/RecordsPanel.tsx b/web/sections/RecordsPanel.tsx
index 89472ce..3a7a71e 100644
--- a/web/sections/RecordsPanel.tsx
+++ b/web/sections/RecordsPanel.tsx
@@ -209,7 +209,7 @@ export const RecordsPanel = ({ config }: { config: RecordsConfig }) => {
   const field = (key: string, value: string) => setDraft((current) => ({ ...current, [key]: value }));
 
   return (
-    <div className="flex flex-col gap-4 overflow-auto p-4">
+    <div className="flex size-full flex-col gap-4 overflow-auto p-4">
       <p className="text-xs text-muted-foreground">{config.blurb}</p>
 
       {/* The list, and the one field that makes another. A record is created with a title alone and