diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 5867d50..3ea73a7 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -819,7 +819,7 @@ export default function App() {
             wrapper clears it with a top pad — EXCEPT on Playlists, whose own left rail must reach
             the very top (it pads only its content pane internally instead). */}
         <div
-          className={`flex-1 min-w-0 flex flex-col ${page === "playlists" ? "" : "pt-[var(--hdr-h)]"}`}
+          className={`flex-1 min-w-0 min-h-0 flex flex-col ${page === "playlists" ? "" : "pt-[var(--hdr-h)]"}`}
         >
         {meQuery.data!.is_demo && <DemoBanner />}
         <VersionBanner onOpen={() => openReleaseNotes(CURRENT_VERSION)} />