diff --git a/site/src/layouts/header/index.vue b/site/src/layouts/header/index.vue
index 25cb0b020..524ad99b1 100644
--- a/site/src/layouts/header/index.vue
+++ b/site/src/layouts/header/index.vue
@@ -191,13 +191,16 @@ export default defineComponent({
   z-index: 100;
   padding: 16px;
   line-height: 28px;
+  color: #8590a6;
   text-align: center;
+  background-color: #141414;
 }
 .alert-banner {
+  color: #fff;
   padding: 5px;
 }
 .alert-banner a {
-  color: inherit;
+  color: #fff;
   text-decoration: underline;
 }
 .alert-banner .close-icon {