diff --git a/src/routes/library/+page.svelte b/src/routes/library/+page.svelte
index 3817a58..7480d45 100644
--- a/src/routes/library/+page.svelte
+++ b/src/routes/library/+page.svelte
@@ -65,15 +65,15 @@
   }
 </script>
 
-<div>
+<div class="library-wrapper">
   <h2 style="padding: 8px 8px 0 8px;">Library</h2>
 
   {#if loading}
-    <p>Loading library...</p>
+    <p style="padding: 8px;">Loading library...</p>
   {:else if error}
-    <p class="error">{error}</p>
+    <p class="error" style="padding: 8px;">{error}</p>
   {:else if artists.length === 0 && albums.length === 0}
-    <p>No music found in your music folder.</p>
+    <p style="padding: 8px;">No music found in your music folder.</p>
   {:else}
     <section class="library-content">
       <!-- Tabs -->
@@ -173,12 +173,23 @@
 </div>
 
 <style>
+  .library-wrapper {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
   h2 {
     margin: 0 0 8px 0;
+    flex-shrink: 0;
   }
 
   .library-content {
     margin: 0;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
   }
 
   .error {
@@ -187,13 +198,21 @@
 
   .tab-content {
     margin-top: -2px;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
   }
 
   .window-body {
     padding: 0;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
   }
 
   .table-container {
+    flex: 1;
     overflow-y: auto;
   }