From 04ad706de6d1c6eecb8e07c7fe70ee06a87ec5a7 Mon Sep 17 00:00:00 2001
From: hobokenchicken <dustin@dustin.coffee>
Date: Fri, 5 Jun 2026 13:48:53 -0400
Subject: [PATCH] fix(layout): pin PetZone to bottom of right sidebar, separate
 from scrollable content

---
 frontend/src/App.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index af4457a..4b00688 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -163,11 +163,15 @@ export default function App() {
           </div>
 
           {/* RIGHT: Ambient + Companions */}
-          <div className="w-64 shrink-0 flex flex-col gap-3 overflow-y-auto">
-            <MusicPlayer />
-            <WhiteNoise />
-            <Wardrobe onOutfitChange={handleOutfitChange} onAccessoryChange={handleAccessoryChange} />
-            <PetZone />
+          <div className="w-64 shrink-0 flex flex-col">
+            <div className="flex-1 flex flex-col gap-3 overflow-y-auto">
+              <MusicPlayer />
+              <WhiteNoise />
+              <Wardrobe onOutfitChange={handleOutfitChange} onAccessoryChange={handleAccessoryChange} />
+            </div>
+            <div className="shrink-0 pt-2">
+              <PetZone />
+            </div>
           </div>
         </div>