diff --git a/frontend/index.css b/frontend/index.css
index eef7163..585b4db 100644
--- a/frontend/index.css
+++ b/frontend/index.css
@@ -142,13 +142,16 @@ body div.sidebar {
 .main-panel {
     flex: 1;
     min-width: 0;
+    display: flex;
+    flex-direction: column;
     background-color: var(--yj-bg-surface, #212529);
     overflow: hidden;
     contain: layout style paint;
 }
 
 .main-panel > * {
-    height: 100%;
+    flex: 1;
+    min-height: 0;
     box-sizing: border-box;
     contain: layout style paint;
 }
@@ -158,6 +161,7 @@ body div.sidebar {
    display:none discards scroll state in WebKitGTK. */
 .main-panel > .view-hidden {
     visibility: hidden !important;
+    flex: 0 !important;
     height: 0 !important;
     overflow: hidden !important;
     pointer-events: none !important;
diff --git a/frontend/src/components/artist-details/artist-details.ts b/frontend/src/components/artist-details/artist-details.ts
index 5180d26..b75c30c 100644
--- a/frontend/src/components/artist-details/artist-details.ts
+++ b/frontend/src/components/artist-details/artist-details.ts
@@ -42,6 +42,7 @@ export class ArtistDetails extends LitElement {
             flex-direction: column;
             overflow: hidden;
             height: 100%;
+            box-sizing: border-box;
         }
 
         /* ====================================
diff --git a/frontend/src/components/explore-album-details/explore-album-details.ts b/frontend/src/components/explore-album-details/explore-album-details.ts
index d3a94fd..244ac4d 100644
--- a/frontend/src/components/explore-album-details/explore-album-details.ts
+++ b/frontend/src/components/explore-album-details/explore-album-details.ts
@@ -90,6 +90,7 @@ export class ExploreAlbumDetails extends LitElement {
                 flex-direction: column;
                 overflow: hidden;
                 height: 100%;
+                box-sizing: border-box;
             }
 
             /* ── Header ── */
diff --git a/frontend/src/components/explore-artist-details/explore-artist-details.ts b/frontend/src/components/explore-artist-details/explore-artist-details.ts
index 54e22ef..e7b5bc4 100644
--- a/frontend/src/components/explore-artist-details/explore-artist-details.ts
+++ b/frontend/src/components/explore-artist-details/explore-artist-details.ts
@@ -111,6 +111,7 @@ export class ExploreArtistDetails extends LitElement {
                 flex-direction: column;
                 overflow: hidden;
                 height: 100%;
+                box-sizing: border-box;
             }
 
             /* ── Header ── */