diff --git a/assets/css/main.css b/assets/css/main.css
index d6151f9..69ae20f 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,4 +1,8 @@
+header {
+	margin-bottom: 5rem;
+}
+
 main {
 	margin: auto;
-	width: 50rem;
+	width: 45rem;
 }
diff --git a/index.html b/index.html
index 88d7ab6..904daed 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,10 @@
 </head>
     <body>
         <main>
-            <h1>Nathan's Web Components</h1>
-            <p>A bunch of web components for my own convenience.</p>
+            <header>
+                <h1>Nathan's Web Components</h1>
+                <p>A bunch of web components for my own convenience.</p>
+            </header>
             <h2>Audio Player</h2>
             <p>A handy audio player widget.<br><br>Attributes:</p>
             <ul>
@@ -30,6 +32,7 @@ audio=&quot;assets/audio/KARATE KID - TOXIC (ILLFD022).wav&quot;&gt;
     &lt;h3 slot=&quot;title&quot;&gt;Toxic - Britney Spears (Karate Kid Bootleg)&lt;/h3&gt;
     &lt;p slot=&quot;description&quot;&gt;A massive DnB roller bootleg of a Britney Spears classic: &lt;em&gt;Toxic&lt;/em&gt;.&lt;/p&gt;
 &lt;/audio-player&gt;
+                </code>
             </pre>
             <audio-player
             cover="/assets/images/doge.jpg"
