diff --git a/_layouts/default.html b/_layouts/default.html
index 90d13ce..dc3aa34 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -12,9 +12,9 @@
     <script defer src="/assets/js/office-hours.js" charset="utf-8"></script>
   </head>
   <body>
-    <a class="alt-text text-white d-block bg-brand-red text-center text-white p-3 office-hours-nag d-none" href="/contribute/#office-hours">
+    <a class="alt-text text-white d-block bg-brand-blue text-center text-white p-3 office-hours-nag d-none" href="/contribute/#office-hours">
       Join us for office hours
-      <span class="js-office-hours-start-time" data-format="fromNow"></span>.
+      <span class="js-office-hours-start-time" data-format="fromNow"></span>!
     </a>
     {% include nav.html %}
 
