diff --git a/services/web/app/src/infrastructure/ExpressLocals.js b/services/web/app/src/infrastructure/ExpressLocals.js
index a749bd64f5..0e7adacde6 100644
--- a/services/web/app/src/infrastructure/ExpressLocals.js
+++ b/services/web/app/src/infrastructure/ExpressLocals.js
@@ -32,6 +32,11 @@ module.exports = function(webRouter, privateApiRouter, publicApiRouter) {
     next()
   })
 
+  webRouter.use(function(req, res, next) {
+    res.locals.isIE = /\b(msie|trident)\b/i.test(req.headers['user-agent'])
+    next()
+  })
+
   function addSetContentDisposition(req, res, next) {
     res.setContentDisposition = function(type, opts) {
       const directives = _.map(
diff --git a/services/web/app/views/project/list/notifications.pug b/services/web/app/views/project/list/notifications.pug
index 89d9c9837d..ebd2e88db3 100644
--- a/services/web/app/views/project/list/notifications.pug
+++ b/services/web/app/views/project/list/notifications.pug
@@ -1,6 +1,8 @@
 include ../../_mixins/saml
 
 .user-notifications(ng-controller="NotificationsController")
+	include ./unsupported-browser
+
 	ul.list-unstyled(
 		ng-if="notifications.length > 0 && projects.length > 0",
 		ng-cloak
diff --git a/services/web/app/views/project/list/unsupported-browser.pug b/services/web/app/views/project/list/unsupported-browser.pug
new file mode 100644
index 0000000000..5237e26a80
--- /dev/null
+++ b/services/web/app/views/project/list/unsupported-browser.pug
@@ -0,0 +1,11 @@
+if isIE
+	ul.list-unstyled
+		li.notification-entry
+			.alert.alert-info
+				.notification-body
+					p
+						i.fa.fa-fw.fa-exclamation-triangle
+						|
+						| It looks like you're accessing Overleaf with Internet Explorer, which we'll stop supporting in April 2021. We recommend that you upgrade to a newer browser.
+						|
+						a(href="https://www.overleaf.com/learn/how-to/What_browsers_do_you_support" target="_blank" rel="noopener") Learn More