diff --git a/app/assets/javascripts/discourse/templates/components/discourse-banner.js.handlebars b/app/assets/javascripts/discourse/templates/components/discourse-banner.js.handlebars
index ea8107c06..68677b538 100644
--- a/app/assets/javascripts/discourse/templates/components/discourse-banner.js.handlebars
+++ b/app/assets/javascripts/discourse/templates/components/discourse-banner.js.handlebars
@@ -4,6 +4,6 @@
       <div class="close" {{action dismiss}}><i class="fa fa-times" title="{{i18n banner.close}}"></i></div>
       {{{banner.html}}}
     </div>
-    <a href="{{unbound banner.url}}" class="btn" title="{{i18n banner.read_more.title}}">{{i18n banner.read_more.text}}</a>
+    <a href="{{unbound banner.url}}" title="{{i18n banner.read_more.title}}">{{i18n banner.read_more.text}}</a>
   </div>
 {{/if}}
diff --git a/app/assets/stylesheets/common/components/banner.css.scss b/app/assets/stylesheets/common/components/banner.css.scss
index d7f50d8ff..37b2ca6fd 100644
--- a/app/assets/stylesheets/common/components/banner.css.scss
+++ b/app/assets/stylesheets/common/components/banner.css.scss
@@ -4,9 +4,14 @@
 
 #banner {
   margin-bottom: 10px;
+  padding: 10px;
+  border-radius: 5px;
+  background: scale-color($tertiary, $lightness: 90%);
+  @include box-shadow(0 1px 2px scale-color($tertiary, $lightness: 70%));
+
   .close {
     font-size: 25px !important;
-    margin-top: 0 !important;
+    margin-top: -10px !important;
   }
   .meta {
     display: none;