diff --git a/src/pages/tracks.astro b/src/pages/tracks.astro
index 71e04d8..f2b70b1 100644
--- a/src/pages/tracks.astro
+++ b/src/pages/tracks.astro
@@ -32,13 +32,13 @@ const sortedAlbumCovers = processedAlbumCovers.sort((a, b) =>
   title="Tracks"
   description="Collection of some of my favourite music tracks."
 >
-  <p class="mb-16">
+  <p class="mb-8">
     This is a collection of some of my favourite music tracks, each listed by
     artist and song title. Click on an album cover to go straight to the song on
     YouTube Music!
   </p>
   <div
-    class="not-prose relative start-1/2 end-1/2 -ms-[min(50vw-1rem,65ch)] -me-[min(50vw-1rem,65ch)] grid w-[100vw] max-w-[calc(min(100vw-2rem,130ch))] grid-cols-[repeat(auto-fit,minmax(min(100%,300px),1fr))] place-content-center gap-8"
+    class="not-prose relative start-1/2 -ms-[min(50vw-1rem,50ch)] grid max-w-[calc(min(100vw-2rem,100ch))] grid-cols-[repeat(auto-fit,minmax(min(100%,200px),1fr))] place-content-center gap-4"
   >
     {
       sortedAlbumCovers.map(({ cover, filename, artists, title }) => (