Make padding around component previews consistent

It looks like the previous padding was added 7.5 years ago to make it the same as GOVUK Elements, but we want the padding to be the same around the whole component to make the spacing of components easier to test.
alphagov · Feb 5, 2025 · 824c64f · 824c64f
1 parent fbaa39f
commit 824c64f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,7 @@
 * Remove classes functionality from shared helper ([PR #4605](https://github.com/alphagov/govuk_publishing_components/pull/4605))
 * Add govuk-text-break-word style to markdown links ([PR #4603](https://github.com/alphagov/govuk_publishing_components/pull/4603))
 * Remove margin bottom functionality from shared helper ([PR #4608](https://github.com/alphagov/govuk_publishing_components/pull/4608))
+* Make padding around component previews consistent ([PR #4610](https://github.com/alphagov/govuk_publishing_components/pull/4610))
 
 ## 51.1.1
 

diff --git a/app/assets/stylesheets/component_guide/application.scss b/app/assets/stylesheets/component_guide/application.scss
@@ -116,7 +116,7 @@ $gem-guide-border-width: 1px;
 }
 
 .component-guide-preview {
-  padding: ($govuk-gutter * 1.5) $govuk-gutter $govuk-gutter;
+  padding: $govuk-gutter;
   border: $gem-guide-border-width solid $govuk-border-colour;
   position: relative;