diff --git a/components/modules/hero/hero.tsx b/components/modules/hero/hero.tsx
index 94dda07b4..b23966356 100644
--- a/components/modules/hero/hero.tsx
+++ b/components/modules/hero/hero.tsx
@@ -57,9 +57,11 @@ const Hero = ({ variant, title, text, label, image, link }: HeroProps) => {
           </Text>
         )}
         {text && (
-          <Text className="mt-4" variant="paragraph">
-            {label}
-          </Text>
+          <div className="prose prose-lg mt-4 lg:prose-xl">
+            <Text className="" variant="paragraph">
+              {text}
+            </Text>
+          </div>
         )}
         {link?.reference && (
           <Link
diff --git a/tailwind.config.js b/tailwind.config.js
index dd72549a6..1008dd797 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -99,6 +99,20 @@ module.exports = {
         "accordion-down": "accordion-down 0.2s ease-out",
         "accordion-up": "accordion-up 0.2s ease-out",
       },
+      typography: {
+        DEFAULT: {
+          css: {
+            color: 'var(--text-high-contrast)',
+            a: {
+              textDecoration: 'underline',
+              color: '#3182ce',
+              '&:hover': {
+                color: '#2c5282',
+              },
+            },
+          },
+        },
+      },
     },
   },
   plugins: [