diff --git a/app/views/layouts/darkswarm.html.haml b/app/views/layouts/darkswarm.html.haml
index 5208c3d5ef..f480329bba 100644
--- a/app/views/layouts/darkswarm.html.haml
+++ b/app/views/layouts/darkswarm.html.haml
@@ -1,4 +1,3 @@
-!!!
%html
%head
%meta{charset: 'utf-8'}/
@@ -18,11 +17,28 @@
= csrf_meta_tags
%body.off-canvas{"ng-app" => "Darkswarm"}
- /[if lte IE 8]
- #ie-warning
- Your browser is very old! To use our site, you'll need to upgrade to
- something a bit more modern, such as
- %a{href: "https://www.google.com/intl/en_au/chrome/browser/"} Google Chrome
+ / [if lte IE 9]
+ .alert-box.alert#ie-warning{"data-alert" => ""}
+ .row.ie-msg
+ .small-4.large-2.columns
+ %i.ofn-i_012-warning.rotateIn.animated
+ .small-8.large-10.columns
+ %h3 Your browser is out of date!
+ %p For the best Open Food Network experience, we strongly recommend upgrading your browser:
+ .row
+ .small-4.columns.browserbtn
+ %a.browserlogo{href: "https://www.google.com/intl/en_au/chrome/browser/", target: "_blank"}
+ %img.rotateIn.animated.delay1{src: "assets/browser-logos/chrome.png"}
+ %a{href: "https://www.google.com/intl/en_au/chrome/browser/", target: "_blank"} Google Chrome
+ .small-4.columns.browserbtn
+ %a.browserlogo{href: "http://www.mozilla.org/en-US/firefox/new/", target: "_blank"}
+ %img.rotateIn.animated.delay2{src: "assets/browser-logos/firefox.png"}
+ %a{href: "http://www.mozilla.org/en-US/firefox/new/", target: "_blank"} Firefox
+ .small-4.columns.browserbtn
+ %a.browserlogo{href: "http://windows.microsoft.com/en-AU/internet-explorer/download-ie", target: "_blank"}
+ %img.rotateIn.animated.delay3{src: "assets/browser-logos/internet-explorer.png"}
+ %a{href: "http://windows.microsoft.com/en-AU/internet-explorer/download-ie", target: "_blank"} Internet Explorer
+ %a.close{href: "#"} ×
= inject_json "currentHub", "current_hub"