Compensate for height added by the separator border

alphagov · Feb 1, 2021 · 27a17d5 · 27a17d5
1 parent d94b17f
commit 27a17d5
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/govuk/components/cookie-banner/_index.scss b/src/govuk/components/cookie-banner/_index.scss
@@ -12,12 +12,15 @@
 
     // Visually separate the cookie banner from content underneath
     // when user changes colours in their browser.
-    border-bottom: $govuk-focus-width solid transparent;
+    border-bottom: $govuk-border-width solid transparent;
 
     background-color: govuk-colour("light-grey", $legacy: "grey-3");
   }
 
   .govuk-cookie-banner__container[hidden] {
+  .govuk-cookie-banner__message {
+    margin-bottom: -$govuk-border-width;
+  }
     // Support older browsers which don't hide elements with the `hidden` attribute
     display: none;
   }