diff --git a/server/assets/layouts/base.tmpl b/server/assets/layouts/base.tmpl
index 265da52..72ac955 100644
--- a/server/assets/layouts/base.tmpl
+++ b/server/assets/layouts/base.tmpl
@@ -7,24 +7,22 @@
         {{ template "head" }}
     </head>
     <body>
-        <div>
+        <div id="content">
             <div id="header">
                 <img src="/admin/static/images/gonic.png">
             </div>
-            <div id="content">
-                {{ if .Flashes }}
-                {{ $flash := index .Flashes 0 }}
-                <div class="padded mono flash-{{ $flash.Type }}">
-                    <i class="mdi mdi-alert-circle"></i> {{ $flash.Message }}
-                </div>
-                {{ end }}
-                {{ template "content" . }}
+            {{ if .Flashes }}
+            {{ $flash := index .Flashes 0 }}
+            <div class="padded mono flash-{{ $flash.Type }}">
+                <i class="mdi mdi-alert-circle"></i> {{ $flash.Message }}
+            </div>
+            {{ end }}
+            {{ template "content" . }}
+            <div class="side-padded mono text-right">
+                senan kelly, 2019
+                <span class="light">&#124;</span>
+                <a href="https://senan.xyz/g/gonic">github</a>
             </div>
-        </div>
-        <div id="footer" class="padded mono text-right">
-            senan kelly, 2019
-            <span class="light">&#124;</span>
-            <a href="https://senan.xyz/g/gonic">github</a>
         </div>
     </body>
 </html>
diff --git a/server/assets/stylesheets/main.css b/server/assets/stylesheets/main.css
index a0f0622..50ca7ef 100644
--- a/server/assets/stylesheets/main.css
+++ b/server/assets/stylesheets/main.css
@@ -2,10 +2,6 @@ body {
     max-width: 780px;
     margin: 0 auto;
     padding: 0 20px;
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
     line-height: 1rem;
     overflow-y: scroll;
 }
@@ -89,6 +85,9 @@ a:hover {
     text-decoration: underline;
 }
 
+i.mdi {
+    font-size: 14px;
+}
 
 #content > * {
     margin: 2rem 0;
@@ -96,7 +95,6 @@ a:hover {
 
 #header {
     border-bottom: 2px solid #0000001a;
-    padding-top: 3rem;
 }
 
 #header img {
@@ -113,9 +111,9 @@ a:hover {
 }
 
 .flash-normal {
-    background-color: #15ff5452;
-    border-right: 2px solid #15ff5452;
-    border-bottom: 2px solid #15ff5452;
+    background-color: #15ff5424;
+    border-right: 2px solid #15ff5424;
+    border-bottom: 2px solid #15ff5424;
 }
 
 .text-right {
@@ -126,10 +124,6 @@ a:hover {
     margin-left: auto;
 }
 
-.light {
-    color: #00000082;
-}
-
 .mono {
     font-family: monospace;
 }
@@ -156,6 +150,6 @@ a:hover {
     background-color: #f4433669;
 }
 
-i.mdi {
-    font-size: 14px;
+.light {
+    color: #00000082;
 }
