From ce993ecd787f2e8c072a9a9540e196ee7cea46f9 Mon Sep 17 00:00:00 2001
From: Harriet H-W <harriethw@gmail.com>
Date: Wed, 5 Feb 2025 17:01:51 +0000
Subject: [PATCH] re-style banner on block view

so that it doesn't bleed over the edge of the full column width.
---
 .../components/_host-editions-rollup-component.scss         | 6 +++---
 .../document/show/host_editions_rollup_component.html.erb   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/engines/content_block_manager/app/assets/stylesheets/content_block_manager/components/_host-editions-rollup-component.scss b/lib/engines/content_block_manager/app/assets/stylesheets/content_block_manager/components/_host-editions-rollup-component.scss
index 65d5ec7acf7..e7b0a60b707 100644
--- a/lib/engines/content_block_manager/app/assets/stylesheets/content_block_manager/components/_host-editions-rollup-component.scss
+++ b/lib/engines/content_block_manager/app/assets/stylesheets/content_block_manager/components/_host-editions-rollup-component.scss
@@ -1,9 +1,9 @@
 .rollup-details {
-  background: govuk-colour("light-grey");
   margin-bottom: govuk-spacing(8);
 
-  .govuk-grid-column-full {
-    padding: 0;
+  &__background {
+    background-color: govuk-colour("light-grey");
+    background-clip: content-box;
   }
 
   &__title {
diff --git a/lib/engines/content_block_manager/app/components/content_block_manager/content_block/document/show/host_editions_rollup_component.html.erb b/lib/engines/content_block_manager/app/components/content_block_manager/content_block/document/show/host_editions_rollup_component.html.erb
index 0954a70a1c1..12fd94c6ec5 100644
--- a/lib/engines/content_block_manager/app/components/content_block_manager/content_block/document/show/host_editions_rollup_component.html.erb
+++ b/lib/engines/content_block_manager/app/components/content_block_manager/content_block/document/show/host_editions_rollup_component.html.erb
@@ -1,5 +1,5 @@
 <div class="govuk-grid-row rollup-details">
-  <div class="govuk-grid-column-full">
+  <div class="govuk-grid-column-full rollup-details__background">
     <h2 class="rollup-details__title">Metrics</h2>
     <% metrics.each do |name, value| %>
       <div class="govuk-grid-column-one-quarter rollup-details__rollup-metric <%= name %>">