From ad21b1dabbba3ebddf22ecd3979992fde437203e Mon Sep 17 00:00:00 2001
From: b1aserlu <141234680+b1aserlu@users.noreply.github.com>
Date: Wed, 6 Sep 2023 10:45:57 +0200
Subject: [PATCH 1/3] fix(styles): updates gap in topic-teaser

updates or adds the gap between the title and link-list of the topic-teaser-content class
---
 .changeset/six-clouds-approve.md                            | 5 +++++
 packages/styles/src/components/topic-teaser.scss            | 6 +++++-
 packages/styles/src/variables/components/_topic-teaser.scss | 6 ++++++
 3 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/six-clouds-approve.md

diff --git a/.changeset/six-clouds-approve.md b/.changeset/six-clouds-approve.md
new file mode 100644
index 0000000000..fe45ab8b33
--- /dev/null
+++ b/.changeset/six-clouds-approve.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+updated and added the gaps between the title and the link-list in the topic-teaser-content class to comply with the figma design
diff --git a/packages/styles/src/components/topic-teaser.scss b/packages/styles/src/components/topic-teaser.scss
index 23b4e92849..5262453ed0 100644
--- a/packages/styles/src/components/topic-teaser.scss
+++ b/packages/styles/src/components/topic-teaser.scss
@@ -119,10 +119,14 @@
       @include make-col($size);
     }
   }
+  @each $breakpoint, $gap in topic-teaser.$content-gap {
+    @include media-breakpoint-up($breakpoint) {
+      gap: $gap;
+    }
+  }
 
   @include media-breakpoint-up(rg) {
     flex-direction: row;
-    gap: var(--post-gutter-x);
   }
 }
 
diff --git a/packages/styles/src/variables/components/_topic-teaser.scss b/packages/styles/src/variables/components/_topic-teaser.scss
index 8e495d3022..5f46def1ff 100644
--- a/packages/styles/src/variables/components/_topic-teaser.scss
+++ b/packages/styles/src/variables/components/_topic-teaser.scss
@@ -9,6 +9,12 @@ $content-cols: (
   xl: 7,
 );
 
+$content-gap: (
+  xs: 10px,
+  rg: 32px,
+  xl: 40px,
+);
+
 $image-cols: (
   xs: 10,
   rg: 8,

From 4870a7c3d02516182bbb8a32c91a94d896a4df86 Mon Sep 17 00:00:00 2001
From: b1aserlu <141234680+b1aserlu@users.noreply.github.com>
Date: Fri, 22 Sep 2023 13:25:10 +0200
Subject: [PATCH 2/3] fix(styles): updates gap in topic-teaser

---
 packages/styles/src/variables/components/_topic-teaser.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/styles/src/variables/components/_topic-teaser.scss b/packages/styles/src/variables/components/_topic-teaser.scss
index 5f46def1ff..7539e765fc 100644
--- a/packages/styles/src/variables/components/_topic-teaser.scss
+++ b/packages/styles/src/variables/components/_topic-teaser.scss
@@ -10,7 +10,6 @@ $content-cols: (
 );
 
 $content-gap: (
-  xs: 10px,
   rg: 32px,
   xl: 40px,
 );

From 9457b9161267153a4f456cfef9988c05a49e3207 Mon Sep 17 00:00:00 2001
From: b1aserlu <141234680+b1aserlu@users.noreply.github.com>
Date: Fri, 22 Sep 2023 13:26:10 +0200
Subject: [PATCH 3/3] fix(styles): updates gap in topic-teaser

---
 .changeset/six-clouds-approve.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/six-clouds-approve.md b/.changeset/six-clouds-approve.md
index fe45ab8b33..8836a8553e 100644
--- a/.changeset/six-clouds-approve.md
+++ b/.changeset/six-clouds-approve.md
@@ -2,4 +2,4 @@
 '@swisspost/design-system-styles': patch
 ---
 
-updated and added the gaps between the title and the link-list in the topic-teaser-content class to comply with the figma design
+Updated and added the gaps between the title and the link-list in the `.topic-teaser-content` class to comply with the figma design.