diff --git a/.changeset/six-clouds-approve.md b/.changeset/six-clouds-approve.md
new file mode 100644
index 0000000000..8836a8553e
--- /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..7539e765fc 100644
--- a/packages/styles/src/variables/components/_topic-teaser.scss
+++ b/packages/styles/src/variables/components/_topic-teaser.scss
@@ -9,6 +9,11 @@ $content-cols: (
   xl: 7,
 );
 
+$content-gap: (
+  rg: 32px,
+  xl: 40px,
+);
+
 $image-cols: (
   xs: 10,
   rg: 8,