diff --git a/apps/web/src/pages/Locations.tsx b/apps/web/src/pages/Locations.tsx
index cea33be..00b4f49 100644
--- a/apps/web/src/pages/Locations.tsx
+++ b/apps/web/src/pages/Locations.tsx
@@ -45,12 +45,12 @@ export default function Locations() {
   );
 
   return (
-    <div className="flex h-[calc(100vh-var(--spacing-topbar,3.25rem)-3rem)] flex-col gap-4">
+    <div className="flex flex-col gap-4">
       <PageHeader
         title="Locations"
         description="Sites → Rooms → Bins. Pick a room to see its bins."
       />
-      <div className="grid min-h-0 flex-1 grid-cols-[18rem_1fr] overflow-hidden rounded-lg border border-border bg-card">
+      <div className="grid grid-cols-[18rem_1fr] overflow-hidden rounded-lg border border-border bg-card">
         <div className="border-r border-border">
           <SiteRoomTree
             siteId={siteId}
@@ -60,9 +60,9 @@ export default function Locations() {
             canEdit={canEdit}
           />
         </div>
-        <div className="flex min-h-0 flex-col">
+        <div className="flex flex-col">
           <Breadcrumb siteName={siteName} roomName={roomName} />
-          <div className="min-h-0 flex-1 overflow-y-auto">
+          <div className="flex-1">
             {roomId ? (
               <BinGrid roomId={roomId} canEdit={canEdit} />
             ) : (