diff --git a/netlify.toml b/netlify.toml
index 71294f5..f51f82c 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,5 +1,5 @@
 [build]
-  command = "zola build"
+  command = "zola build --drafts"
   publish = "public/"
 
 [dev]
diff --git a/sass/style/parts/_header.scss b/sass/style/parts/_header.scss
index 012f23d..d31aea1 100644
--- a/sass/style/parts/_header.scss
+++ b/sass/style/parts/_header.scss
@@ -2,20 +2,25 @@ h1.page-header {
   font-size: 2.75em;
   line-height: 100%;
   font-family: var(--header-font);
-  margin: 4rem 0px 1rem 0px;
+  margin-top: 4rem;
+  margin-bottom: 1rem;
 
   max-width: 720px;
 }
 
 .centered-header {
   font-family: var(--header-font);
-
-  position: absolute;
-  top: 40%;
-  left: 50%;
-  transform: translate(-50%, -50%);
   text-align: center;
   font-size: 4em;
+  line-height: 4rem;
+  padding-top: 5rem;
+  padding-bottom: 5rem;
+
+  h1.page-header {
+    margin: 0;
+    max-width: 100%;
+    min-width: 100%;
+  }
 }
 
 header {
diff --git a/templates/404.html b/templates/404.html
index bc34c04..3e3f62d 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -3,6 +3,10 @@
 {% block main_content %}
 <main class="centered-header">
   {{ post_macros::page_header(title="404")}}
-  <span>it's not here. i'm sorry.</span>
+  <span>
+    it's not here.
+    <br>
+    i'm sorry.
+  </span>
 </main>
 {% endblock main_content %}
\ No newline at end of file