diff --git a/packages/ui-components/__design__/text.stories.tsx b/packages/ui-components/__design__/text.stories.tsx
index 6b49a6757148a..163d6fdb86974 100644
--- a/packages/ui-components/__design__/text.stories.tsx
+++ b/packages/ui-components/__design__/text.stories.tsx
@@ -77,4 +77,24 @@ export const HeadingsWithLinks: StoryObj = {
   ),
 };
 
+export const BoldAndLinks: StoryObj = {
+  render: () => (
+    <main>
+      <p>
+        <strong>Bold text (should inherit normal text color)</strong>
+      </p>
+      <p>
+        <strong>
+          <a href="#">Bold green link (link inside bold)</a>
+        </strong>
+      </p>
+      <p>
+        <a href="#">
+          <strong>Bold green link (bold inside link)</strong>
+        </a>
+      </p>
+    </main>
+  ),
+};
+
 export default { title: 'Design System' } as MetaObj;
diff --git a/packages/ui-components/styles/markdown.css b/packages/ui-components/styles/markdown.css
index f1c91f056fc84..862cd6450f05e 100644
--- a/packages/ui-components/styles/markdown.css
+++ b/packages/ui-components/styles/markdown.css
@@ -40,22 +40,18 @@ main {
   h4,
   h5,
   h6 {
+    @apply font-semibold
+      text-neutral-900
+      dark:text-white;
+
     &[id] a {
       @apply text-neutral-900
         dark:text-white;
     }
   }
 
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
   strong {
-    @apply font-semibold
-      text-neutral-900
-      dark:text-white;
+    @apply font-semibold;
   }
 
   code {