diff --git a/frontend/src/Frontend.hs b/frontend/src/Frontend.hs
index e16c56e..da1eb8a 100644
--- a/frontend/src/Frontend.hs
+++ b/frontend/src/Frontend.hs
@@ -11,6 +11,7 @@ import Common.Route
 import Data.Dependent.Sum (DSum(..))
 import Frontend.Head
 import Frontend.Nav
+import Frontend.Footer
 import Frontend.Page.Documentation
 import Frontend.Page.Examples
 import Frontend.Page.Faq
@@ -36,6 +37,7 @@ frontend = Frontend
               Route_Examples -> examples
               Route_Documentation -> documentation
               Route_FAQ -> faq
+          el "footer" footer
       return ()
   }
 
diff --git a/frontend/src/Frontend/Footer.hs b/frontend/src/Frontend/Footer.hs
index 45093ad..d00fc08 100644
--- a/frontend/src/Frontend/Footer.hs
+++ b/frontend/src/Frontend/Footer.hs
@@ -8,11 +8,12 @@ import Reflex.Dom
 footer :: DomBuilder t m => m ()
 footer = do
   let links =
-        [ ("Hackage", "https://hackage.haskell.org/package/reflex")
-        , ("#reflex-frp", "http://webchat.freenode.net/?channels=%23reflex-frp&uio=d4")
+        [ ("Freenode/#reflex-frp", "http://webchat.freenode.net/?channels=%23reflex-frp&uio=d4")
+        , ("Hackage", "https://hackage.haskell.org/package/reflex")
         ]
-  forM_ links $ \(name, url) -> elAttr "a" ("href" =: url) $ text name
-  let socialIcon i title url = elAttr "a" ("href" =: url <> "title" =: title) $ brandIcon_ i
+  forM_ links $ \(name, url) -> elAttr "a" ("href" =: url <> ("target" =: "_blank") <> ("rel" =: "noopener")) $ text name
+  let socialIcon i title url = elAttr "a" ("href" =: url <> "title" =: title <> ("rel" =: "noopener")
+                                           <> ("target" =: "_blank")) $ brandIcon_ i
   socialIcon "twitter" "Twitter" "https://twitter.com/search?q=%23reflexfrp"
   socialIcon "github" "GitHub" "http://github.com/reflex-frp"
   socialIcon "reddit" "Reddit" "http://reddit.com/r/reflexfrp"
diff --git a/static/css/style.css b/static/css/style.css
index 7403c08..d9f9def 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -150,9 +150,12 @@ header .current-section {
 
 /* Footer */
 footer {
-  display: flex;
-  flex-direction: row;
-  flex: 0 0 auto;
+  padding: 10px;
+  text-align: center;
+}
+
+footer a {
+  padding: 0px 10px;
 }
 
 /* Main content area */