diff --git a/_includes/layouts/_header-main.html b/_includes/layouts/_header-main.html
index 0bf1e5c8f..338677c1f 100644
--- a/_includes/layouts/_header-main.html
+++ b/_includes/layouts/_header-main.html
@@ -1,3 +1,6 @@
+<div id="covid-banner">
+    🏥 🏭 Working on the COVID-19 response in Canada? Plotly & the Canadian government can help you and your organization. <a target="_blank" href="https://chriddyp.typeform.com/to/oWAP3T">Learn more and get in touch.</a>
+</div>
 <header class="header-main --default">
     <div class="--wrap">
         <div class="--wrap-left">
diff --git a/all_static/css/main.css b/all_static/css/main.css
index 1a0c74d6b..fea995a07 100644
--- a/all_static/css/main.css
+++ b/all_static/css/main.css
@@ -9316,6 +9316,7 @@ pre, code, .hljs {
 #modal-input{
   background-color: #fff;
   border-radius: 5px;
+  margin-top: 25px;
   border: 1px solid lightgrey;
   box-sizing: border-box;
   display: block;
@@ -9565,3 +9566,15 @@ section > .nav-breadcrumb-container {
 .-identity a:hover {
   border-bottom: 2px solid #506784;
 }
+
+#covid-banner {
+  width: 100%;
+  min-height: 30px;
+  line-height: 30px;
+  background-color: #e4f5f2;
+  text-align: center;
+}
+
+#covid-banner a {
+  color: #f4564e;
+}