2 files changed, 19 insertions, 1 deletions
diff --git a/web/cobrands/bromley/base.scss b/web/cobrands/bromley/base.scss
index 5661632a3..0d028d190 100644
--- a/web/cobrands/bromley/base.scss
+++ b/web/cobrands/bromley/base.scss
@@ -4,6 +4,7 @@
 @import "../sass/mixins";
 
 @import "../sass/base";
+@import "../sass/report_list_pins";
 
 // Override the site logo
 #site-logo{
diff --git a/web/cobrands/bromley/layout.scss b/web/cobrands/bromley/layout.scss
index a8c1f35ce..2e23d1755 100644
--- a/web/cobrands/bromley/layout.scss
+++ b/web/cobrands/bromley/layout.scss
@@ -1,6 +1,5 @@
 @import "_colours";
 @import "../sass/layout";
-@import "../sass/report_list_pins";
 
 // Alter the logo and the header on every page *but* the map page. On the map
 // page it stays small like in base.css
@@ -24,6 +23,12 @@ body.mappage {
   #site-header {
     height: 5em;
   }
+
+  // Make the report button match the rest of the nav
+  .nav-menu--main a.report-a-problem-btn {
+      padding: 1.4em 0.75em 1.35em;
+      margin: 0;
+  }
 }
 
 // We have to specify this again for IE, since FMS overrides it
@@ -50,6 +55,18 @@ body.mappage {
 // Override the FMS main menu to give it a background colour
 .nav-menu--main {
   background-color: $bromley_blue;
+
+  // Bromley doesn't have a special styling for the report button in the nav
+  a.report-a-problem-btn {
+    color: $nav_fg;
+    background: none;
+    padding: 0.75em;
+    margin: 0;
+    @include border-radius(0);
+    &:hover {
+      background: $nav_fg_hover;
+    }
+  }
 }
 .nav-menu--main span {
   color: $nav_fg;