diff --git a/.changeset/metal-rice-eat.md b/.changeset/metal-rice-eat.md
new file mode 100644
index 0000000000..b7adb26380
--- /dev/null
+++ b/.changeset/metal-rice-eat.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Deprecated the topic teaser css component.
diff --git a/packages/documentation/src/stories/components/topic-teaser/topic-teaser.docs.mdx b/packages/documentation/src/stories/components/topic-teaser/topic-teaser.docs.mdx
index 99a15e3739..4fe1390f93 100644
--- a/packages/documentation/src/stories/components/topic-teaser/topic-teaser.docs.mdx
+++ b/packages/documentation/src/stories/components/topic-teaser/topic-teaser.docs.mdx
@@ -15,6 +15,10 @@ import './topic-teaser.styles.scss';
   </nav>
 </div>
 
+<div className="alert alert-warning">
+  The topic teaser is deprecated and will be removed in a future version.
+</div>
+
 <div className="lead">
   Topic Teaser provides a flexible and responsive content container with options to align the image,
   adding topic content and links as well as contextual background colors.
@@ -24,7 +28,11 @@ If you use multiple topic teasers on one page, each topic teaser must have a dif
 
 </div>
 
-<Canvas className="topic-teaser-full-width-storybook" sourceState="shown" of={TopicTeaserStories.Default} />
+<Canvas
+  className="topic-teaser-full-width-storybook"
+  sourceState="shown"
+  of={TopicTeaserStories.Default}
+/>
 
 <div className="hide-col-default container">
   <Controls of={TopicTeaserStories.Default} />