diff --git a/app/assets/v2/css/base.css b/app/assets/v2/css/base.css
index 688b0119668..21999b85fd2 100644
--- a/app/assets/v2/css/base.css
+++ b/app/assets/v2/css/base.css
@@ -692,6 +692,11 @@ input[type=text].loading {
   }
 }
 
+.bottom_notification-yellow {
+  background-color: #ffce08;
+  color: #000;
+}
+
 .metamask_recc {
   width: 45%;
   display: inline-block;
@@ -739,7 +744,7 @@ input[type=text].loading {
 }
 
 .bottom_notification a {
-  color: white;
+  color: currentColor;
   text-decoration: underline;
   margin-left: 5px;
 }
diff --git a/app/retail/templates/shared/top_nav.html b/app/retail/templates/shared/top_nav.html
index bc073a385f1..cc6f9ed99e2 100644
--- a/app/retail/templates/shared/top_nav.html
+++ b/app/retail/templates/shared/top_nav.html
@@ -18,7 +18,7 @@
 {% load i18n static matches %}
 
 <!--- Top Row Notification -->
-<div class="row bottom_notification font-caption" style="text-align: center;">
+<div class="row bottom_notification font-caption bottom_notification-yellow" style="text-align: center;">
   <span style="text-align: center; margin: auto;">
     {% blocktrans %}The <strong>Ethereal Blocks</strong> Hackathon runs August 28th to September 11th, 2019 - <a href="https://hackathons.gitcoin.co/ethereal-blocks/">Check out the Details</a>.{% endblocktrans %}
   </span>