From 76cd27d155eee381e85ddcf574ab2c54b12a934e Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Mon, 13 Jul 2020 10:38:11 -0600
Subject: [PATCH 1/2] make alert banner text black

---
 ui/app/styles/core.scss                                 | 1 +
 ui/app/styles/core/alert-banner.scss                    | 7 +++++++
 ui/lib/core/addon/templates/components/alert-banner.hbs | 2 +-
 3 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 ui/app/styles/core/alert-banner.scss

diff --git a/ui/app/styles/core.scss b/ui/app/styles/core.scss
index b45768776355..62d76be84129 100644
--- a/ui/app/styles/core.scss
+++ b/ui/app/styles/core.scss
@@ -15,6 +15,7 @@
 @import 'bulma/switch';
 
 // Override Bulma details where appropriate
+@import './core/alert-banner';
 @import './core/generic';
 @import './core/box';
 @import './core/breadcrumb';
diff --git a/ui/app/styles/core/alert-banner.scss b/ui/app/styles/core/alert-banner.scss
new file mode 100644
index 000000000000..304f67c64d0d
--- /dev/null
+++ b/ui/app/styles/core/alert-banner.scss
@@ -0,0 +1,7 @@
+// To match the updated design system, alert banner messages should have black text
+.alert-banner-message-body {
+  border: 0;
+  margin-top: $spacing-xxs;
+
+  color: $black;
+}
diff --git a/ui/lib/core/addon/templates/components/alert-banner.hbs b/ui/lib/core/addon/templates/components/alert-banner.hbs
index e1ebd35a9cb3..6e9e64f54a95 100644
--- a/ui/lib/core/addon/templates/components/alert-banner.hbs
+++ b/ui/lib/core/addon/templates/components/alert-banner.hbs
@@ -31,7 +31,7 @@
           {{/if}}
         </div>
         {{#if @message}}
-          <p class="message-body">
+          <p class="alert-banner-message-body">
             {{@message}}
           </p>
         {{/if}}

From 4df23c665330bb31394d43c0e1e917c0746bc0b8 Mon Sep 17 00:00:00 2001
From: Angel Garbarino <argarbarino@gmail.com>
Date: Mon, 13 Jul 2020 11:17:46 -0600
Subject: [PATCH 2/2] remove comment in scss file

---
 ui/app/styles/core/alert-banner.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ui/app/styles/core/alert-banner.scss b/ui/app/styles/core/alert-banner.scss
index 304f67c64d0d..9ab82281c1f2 100644
--- a/ui/app/styles/core/alert-banner.scss
+++ b/ui/app/styles/core/alert-banner.scss
@@ -1,4 +1,3 @@
-// To match the updated design system, alert banner messages should have black text
 .alert-banner-message-body {
   border: 0;
   margin-top: $spacing-xxs;