From 90145b70fdd54c62c0f8ff25f04c0dd0f0cb48a9 Mon Sep 17 00:00:00 2001
From: Tobias <tobias@tujo.no>
Date: Tue, 19 Feb 2019 12:28:56 +0100
Subject: [PATCH] Portal: fix examples in docs

---
 .../src/pages/uilib/typography/TypographyExamples.js        | 5 ++++-
 .../src/pages/uilib/typography/anchor.md                    | 6 +++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/dnb-design-system-portal/src/pages/uilib/typography/TypographyExamples.js b/packages/dnb-design-system-portal/src/pages/uilib/typography/TypographyExamples.js
index a3dfbd5b06f..8d1bb1fcbf1 100644
--- a/packages/dnb-design-system-portal/src/pages/uilib/typography/TypographyExamples.js
+++ b/packages/dnb-design-system-portal/src/pages/uilib/typography/TypographyExamples.js
@@ -15,7 +15,10 @@ const FontUsageExample = ({ typo_class, font_family }) => (
   <div className="example-box">
     <h3 className={typo_class}>{font_family}</h3>
     <p className={typo_class}>
-      Here is a paragraph with some nonsense <a href="/">Lorem Ipsum</a>
+      Here is a paragraph with some nonsense{' '}
+      <a href="/" className="dnb-anchor">
+        Lorem Ipsum
+      </a>{' '}
       comes from <b>sections</b> 1.10.32 and 1.10.33 of "de
       <i>Finibus Bonorum</i> et <u>Malorum</u>" (
       <strong>The Extremes</strong> of Good and Evil) by Cicero, written in
diff --git a/packages/dnb-design-system-portal/src/pages/uilib/typography/anchor.md b/packages/dnb-design-system-portal/src/pages/uilib/typography/anchor.md
index 8c2956cde60..96fe0fe3042 100644
--- a/packages/dnb-design-system-portal/src/pages/uilib/typography/anchor.md
+++ b/packages/dnb-design-system-portal/src/pages/uilib/typography/anchor.md
@@ -20,13 +20,13 @@ Beside that the Anchor Tag gets assigned by default - or let's say, by only impo
 
 ## With Icon
 
-- <a href="/">Anchor with Icon <IconPrimary icon="chevron_right" /></a>
+- <a href="/" className="dnb-anchor">Anchor with Icon <IconPrimary icon="chevron_right" /></a>
 - <p>
     Eros semper blandit tellus mollis primis quisque platea sollicitudin
-    ipsum <a href="/">Inside a Paragraph <IconPrimary icon="bell" /></a> auctor cursus mauris porta consectetur natoque vehicula vestibulum feugiat ultrices vitae fermentum eros euismod imperdiet eleifend justo vivamus posuere
+    ipsum <a href="/" className="dnb-anchor">Inside a Paragraph <IconPrimary icon="bell" /></a> auctor cursus mauris porta consectetur natoque vehicula vestibulum feugiat ultrices vitae fermentum eros euismod imperdiet eleifend justo vivamus posuere
   </p>
 - <h2>
-    <a href="/">Inside Headings <IconPrimary icon="bell" /></a> H2
+    <a href="/" className="dnb-anchor">Inside Headings <IconPrimary icon="bell" /></a> H2
   </h2>
 
 ## Manipulation