diff --git a/stackage-upload.hs b/stackage-upload.hs
index cb446ef0..bc385f44 100644
--- a/stackage-upload.hs
+++ b/stackage-upload.hs
@@ -108,13 +108,16 @@ mkIndex snapid dirs = concat
     [ "<!DOCTYPE html>\n<html lang='en'><head><title>Haddocks index</title>"
     , "<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>"
     , "<link rel='stylesheet' href='style.css'>"
+    , "<link rel='shortcut icon' href='http://www.stackage.org/static/img/favicon.ico' />"
     , "</head>"
-    , "<body><div class='container'><h1>Haddock documentation index</h1>"
-    , "<p><a href=\"http://www.stackage.org/stackage/"
+    , "<body><div class='container'>"
+    , "<div class='row'><div class='span12 col-md-12'>"
+    , "<h1>Haddock documentation index</h1>"
+    , "<p class='return'><a href=\"http://www.stackage.org/stackage/"
     , snapid
     , "\">Return to snapshot</a></p><ul>"
     , concatMap toLI dirs
-    , "</ul></div></body></html>"
+    , "</ul></div></div></div></body></html>"
     ]
   where
     toLI name = concat
@@ -133,4 +136,28 @@ styleCss = concat
     , "@media (min-width: 760px) {"
     , "ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 }"
     , "}"
-    ]
+    , "ul {"
+    , "  margin-left: 0;"
+    , "  padding-left: 0;"
+    , "  list-style-type: none;"
+    , "}"
+    , "body {"
+    , "  background: #f0f0f0;"
+    , "  font-family: 'Lato', sans-serif;"
+    , "  text-shadow: 1px 1px 1px #ffffff;"
+    , "  font-size: 20px;"
+    , "  line-height: 30px;"
+    , "  padding-bottom: 5em;"
+    , "}"
+    , "h1 {"
+    , "  font-weight: normal;"
+    , "  color: #06537d;"
+    , "  font-size: 45px;"
+    , "}"
+    , ".return a {"
+    , "  color: #06537d;"
+    , "  font-style: italic;"
+    , "}"
+    , ".return {"
+    , "  margin-bottom: 1em;"
+    , "}"]
