Fix homepage super navigation buttons when text scale is increased

alphagov · Sep 17, 2024 · 7b6a770 · 7b6a770
1 parent 487cd72
commit 7b6a770
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/...s/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss b/...s/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss
@@ -290,6 +290,8 @@ $after-button-padding-left: govuk-spacing(4);
 // after it has been toggled closed if the blue background has
 // been enabled
 .gem-c-layout-super-navigation-header__navigation-top-toggle-button.gem-c-layout-super-navigation-header__navigation-top-toggle-button--blue-background {
+  background-color: $govuk-brand-colour;
+
   &:focus:not(:focus-visible) {
     &::after {
       background: none;
@@ -606,6 +608,10 @@ $after-button-padding-left: govuk-spacing(4);
 // Styles for search toggle button.
 .gem-c-layout-super-navigation-header__search-toggle-button {
   background: none;
+
+  &--blue-background {
+    background: $govuk-brand-colour;
+  }
   border: 0;
   color: govuk-colour("white");
   cursor: pointer;