From 824c64fb9e985348ca385ee43a450a8ac29f1aa4 Mon Sep 17 00:00:00 2001
From: AshGDS <8880610+AshGDS@users.noreply.github.com>
Date: Wed, 5 Feb 2025 12:24:01 +0000
Subject: [PATCH] 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.
---
 CHANGELOG.md                                            | 1 +
 app/assets/stylesheets/component_guide/application.scss | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index bd24ec590e..63e62fd004 100644
--- 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
index b29d28f6c4..e6bd4bf194 100644
--- 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;