diff --git a/app/assets/stylesheets/components/banner.scss b/app/assets/stylesheets/components/banner.scss
index f8cd258b6..ac610bf76 100644
--- a/app/assets/stylesheets/components/banner.scss
+++ b/app/assets/stylesheets/components/banner.scss
@@ -3,14 +3,14 @@
 .banner-default {
 
   @include core-19;
-  background: $govuk-blue;
-  color: $white;
+  color: $text-colour;
   display: block;
   padding: $gutter-half;
   margin: $gutter-half 0 $gutter 0;
   text-align: left;
   position: relative;
   clear: both;
+  border: 5px solid $button-colour;
 
   &-title {
     @include bold-24;
@@ -29,9 +29,9 @@
 %banner-with-tick,
 .banner-with-tick {
   padding: $gutter-half ($gutter + $gutter-half);
-  background-image: file-url('tick-white.png');
+  background-image: file-url('tick.png');
   @include ie-lte(8) {
-    background-image: file-url('tick-white-16px.png');
+    background-image: file-url('tick-16px.png');
   }
   background-size: 19px;
   background-repeat: no-repeat;