diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
index 516d937c..78fa7777 100644
--- a/app/assets/stylesheets/application.css.scss
+++ b/app/assets/stylesheets/application.css.scss
@@ -81,6 +81,7 @@ $navbar-inverse-toggle-border-color: #512da8;
  */
 
 @import
+"overrides/alerts",
 "overrides/buttons",
 "overrides/colors",
 "overrides/card",
diff --git a/app/assets/stylesheets/overrides/_alerts.scss b/app/assets/stylesheets/overrides/_alerts.scss
new file mode 100644
index 00000000..ab27cb79
--- /dev/null
+++ b/app/assets/stylesheets/overrides/_alerts.scss
@@ -0,0 +1,7 @@
+@each $color in $colorNames {
+  .alert-#{$color} {
+    color: RGB(var(--#{$color}-text));
+    background-color: var(--#{$color});
+    border-color: var(--#{$color});
+  }
+}
\ No newline at end of file