diff --git a/app/assets/stylesheets/common/components/banner.scss b/app/assets/stylesheets/common/components/banner.scss
index ada639bc08d..096c01e02ab 100644
--- a/app/assets/stylesheets/common/components/banner.scss
+++ b/app/assets/stylesheets/common/components/banner.scss
@@ -4,10 +4,9 @@
 
 #banner {
   padding: 10px;
-  border-radius: 5px;
   background: $tertiary-low;
-  box-shadow: 0 1px 2px $tertiary-medium;
-  color: darken($tertiary, 45%);
+  box-shadow: 0 2px 4px -1px rgba(0,0,0, .25);
+  color: $primary;
   z-index: 1001;
   overflow: auto;
 
@@ -18,7 +17,7 @@
   .close {
     font-size: 1.786em;
     margin-top: -5px;
-    color: $tertiary-medium;
+    color: dark-light-choose($primary-low-mid, $secondary-medium);
     padding-left: 5px;
     float: right;
   }