From 1bd95548fa9a41e25f56beda85a675d468939fed Mon Sep 17 00:00:00 2001
From: Benno Tielen <Benno@tielen.nl>
Date: Mon, 13 Apr 2026 10:12:44 +0200
Subject: [PATCH] fix: styling

---
 src/components/Button/styles.module.scss |  2 +-
 src/components/Text/RichText.tsx         |  3 ++-
 src/components/Text/html.module.scss     |  8 --------
 src/components/Text/richtext.module.scss | 13 +++++++++++++
 4 files changed, 16 insertions(+), 10 deletions(-)
 create mode 100644 src/components/Text/richtext.module.scss

diff --git a/src/components/Button/styles.module.scss b/src/components/Button/styles.module.scss
index d6350fd..1c8d5f7 100644
--- a/src/components/Button/styles.module.scss
+++ b/src/components/Button/styles.module.scss
@@ -2,7 +2,7 @@
 
 .button {
   font-family: inherit;
-  color: $white;
+  color: $white !important;
   border-radius: $border-radius;
   text-align: center;
   border: 0;
diff --git a/src/components/Text/RichText.tsx b/src/components/Text/RichText.tsx
index cc63591..9e825be 100644
--- a/src/components/Text/RichText.tsx
+++ b/src/components/Text/RichText.tsx
@@ -1,6 +1,7 @@
 import { RichText as PayloadRichText } from '@payloadcms/richtext-lexical/react'
 import { SerializedEditorState } from 'lexical'
 import { jsxConverters } from './converters'
+import styles from "./richtext.module.scss"
 
 
 type RichTextProps = {
@@ -12,5 +13,5 @@ type RichTextProps = {
 // Use this everywhere instead of importing RichText directly from Payload, so
 // the converters can never be forgotten.
 export const RichText = ({ data }: RichTextProps) => (
-  <PayloadRichText data={data} converters={jsxConverters} />
+  <PayloadRichText data={data} converters={jsxConverters} className={styles.container}/>
 )
diff --git a/src/components/Text/html.module.scss b/src/components/Text/html.module.scss
index f52c194..5249991 100644
--- a/src/components/Text/html.module.scss
+++ b/src/components/Text/html.module.scss
@@ -1,11 +1,3 @@
-.container a {
-  color: inherit;
-}
-
-.container a:visited {
-  color: inherit;
-}
-
 .half {
   width: 50%;
 }
diff --git a/src/components/Text/richtext.module.scss b/src/components/Text/richtext.module.scss
new file mode 100644
index 0000000..fbdae63
--- /dev/null
+++ b/src/components/Text/richtext.module.scss
@@ -0,0 +1,13 @@
+@import 'template.scss';
+
+.container a {
+  color: inherit;
+}
+
+.container a:visited {
+  color: inherit;
+}
+
+.container h3, .container h4, .container h5, .container h6 {
+  color: $base-color;
+}
\ No newline at end of file