diff --git a/assets/sass/style.sass b/assets/sass/style.sass
index 8df103688139028d7a96d9b1062498b532f837e7..ebd79bcb51e5e4b9b27f31c757e61c25be12a650 100644
--- a/assets/sass/style.sass
+++ b/assets/sass/style.sass
@@ -2,10 +2,16 @@
   margin: 0
   padding: 0
 
+html
+  height: 100%
+
 body
   background: #F2F2F2
   font-family: 'Lato', sans-serif
   font-size: 81.25%
+  height: 100%
+  display: flex
+  flex-direction: column
 
 nav
   position: sticky
@@ -13,39 +19,46 @@ nav
   background: #607D8B
   box-shadow: 0 2px 4px rgba(33, 33, 33, 0.4)
 
-nav ul
-  display: flex
-  max-width: 1024px
-  margin: 0 auto
-  height: 56px
+  ul
+    display: flex
+    max-width: 1024px
+    margin: 0 auto
+    height: 56px
+    align-items: center
+    li, li > *
+      color: #282828
+      text-decoration: none
+    li
+      display: block
+      line-height: 24px
+      &.title, &.title > *
+        font-size: 24px
+        color: #FFC107
+        font-weight: 700
+      &.spacer
+        flex-grow: 1
+      &:not(.spacer)
+        margin: 0 8px
+        &:first-child
+          margin-left: 0
+        &:last-child
+          margin-right: 0
+        &:not(.title) a
+          display: block
+          background: #FFC107
+          padding: 4px 16px
+          border-radius: 2px
+          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
+          &:hover
+            background: #FFD54F
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
+
+.container.centered
+  flex-grow: 1
   align-items: center
-  li, li > *
-    color: #282828
-    text-decoration: none
-  li
-    display: block
-    line-height: 24px
-    &.title, &.title > *
-      font-size: 24px
-      color: #FFC107
-      font-weight: 700
-    &.spacer
-      flex-grow: 1
-    &:not(.spacer)
-      margin: 0 8px
-      &:first-child
-        margin-left: 0
-      &:last-child
-        margin-right: 0
-      &:not(.title) a
-        display: block
-        background: #FFC107
-        padding: 4px 16px
-        border-radius: 2px
-        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
-        &:hover
-          background: #FFD54F
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
+  justify-content: center
+  display: flex
+  margin-bottom: 64px
 
 .images
   display: flex
diff --git a/templates/upload.html b/templates/upload.html
index 99b5f81daa34d237cc2da54ad99fbdd4a6741ffa..1a77f8ea470a13234d48fc5d12b68881747f1e21 100644
--- a/templates/upload.html
+++ b/templates/upload.html
@@ -1,22 +1,23 @@
 {{define "title"}}Upload | i.k8r{{end}}
 {{define "content"}}
+<div class="container centered">
 {{range .Results}}
 {{if .Success}}
-<div class="info success">
-    <h2>Upload of {{.Id}} finished. <a href="/{{.Id}}">View</a>.</h2>
-</div>
+    <div class="info success">
+        <h2>Upload of {{.Id}} finished. <a href="/{{.Id}}">View</a>.</h2>
+    </div>
 {{else}}
-<div class="info error">
-    <h2>Upload of {{.Id}} failed.</h2>
-{{range .Errors}}
-    <pre>{{.}}</pre>
-{{end}}
-</div>
+    <div class="info error">
+        <h2>Upload of {{.Id}} failed.</h2>
+    {{range .Errors}}
+        <pre>{{.}}</pre>
+    {{end}}
+    </div>
 {{end}}
 {{end}}
-
-<form action="/upload/" method="POST" enctype="multipart/form-data">
-    <input type="file" name="file" accept="image/jpeg,image/png,image/bmp,*.jpeg,*.jpg,*.png,*.bmp" multiple/>
-    <input type="submit"/>
-</form>
+    <form action="/upload/" method="POST" enctype="multipart/form-data">
+        <input type="file" name="file" accept="image/jpeg,image/png,image/bmp,*.jpeg,*.jpg,*.png,*.bmp" multiple/>
+        <input type="submit"/>
+    </form>
+</div>
 {{end}}
\ No newline at end of file