diff --git a/src/pages/index.astro b/src/pages/index.astro
index 07f0ad4..9f83ad9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -19,9 +19,18 @@ import NowPlaying from "/components/home/playing/NowPlaying.astro";
 
   <style>
     :global(body) {
-      display: flex;
-      flex-direction: column;
+      display: grid;
+      grid-template: "header" auto "main" 1fr / 1fr;
       width: 100%;
+
+      > :global(header) {
+        grid-area: header;
+        margin: 0 !important;
+      }
+
+      > main {
+        grid-area: main;
+      }
     }
 
     main {
@@ -29,7 +38,7 @@ import NowPlaying from "/components/home/playing/NowPlaying.astro";
       grid-template:
         ". landing feeds blog ." min-content
         ". playing feeds blog ." 1fr
-        / auto minmax(30ch, 50ch) minmax(30ch, 50ch) minmax(30ch, 50ch) auto;
+        / auto minmax(25ch, 50ch) minmax(25ch, 50ch) minmax(25ch, 50ch) auto;
       max-width: 100%;
       flex: 2;