diff --git a/src/main/resources/assets/styles/_richText.scss b/src/main/resources/assets/styles/_richText.scss
index c64558060..400aee74d 100644
--- a/src/main/resources/assets/styles/_richText.scss
+++ b/src/main/resources/assets/styles/_richText.scss
@@ -1,4 +1,18 @@
.xp-part.rich-text {
+ .rich-text-lead-paragraph {
+ @include open-sans;
+ color: $ssb-dark-6;
+ font-size: 20px;
+ line-height: 32px;
+ }
+
+ .rich-text-paragraph {
+ @include open-sans;
+ color: $ssb-dark-6;
+ font-size: 16px;
+ line-height: 28px;
+ }
+
&.max-width > * {
max-width: $max-readable-width;
}
diff --git a/src/main/resources/site/parts/richText/richText.tsx b/src/main/resources/site/parts/richText/richText.tsx
index 913c15b1d..1f6686d43 100644
--- a/src/main/resources/site/parts/richText/richText.tsx
+++ b/src/main/resources/site/parts/richText/richText.tsx
@@ -1,6 +1,5 @@
import React from 'react'
-import { LeadParagraph, Text, Paragraph } from '@statisticsnorway/ssb-component-library'
-import { sanitize } from '../../../lib/ssb/utils/htmlUtils'
+import { Text } from '@statisticsnorway/ssb-component-library'
interface RichTextProps {
text: string
@@ -10,12 +9,13 @@ interface RichTextProps {
const RichText = ({ text, textType, inLayout }: RichTextProps) => {
const renderText = () => {
- const textComponent =
+ // Text is sanitized in ts file
+ const textComponent =
switch (textType) {
case 'ingress':
- return