diff --git a/components/Blocks/FullWidthCampaign/index.tsx b/components/Blocks/FullWidthCampaign/index.tsx
index d9a7f9125..3ccaf4dd6 100644
--- a/components/Blocks/FullWidthCampaign/index.tsx
+++ b/components/Blocks/FullWidthCampaign/index.tsx
@@ -2,7 +2,7 @@ import Image from "@/components/Image"
 import Button from "@/components/TempDesignSystem/Button"
 import Link from "@/components/TempDesignSystem/Link"
 import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
-import Body from "@/components/TempDesignSystem/Text/Body"
+import Preamble from "@/components/TempDesignSystem/Text/Preamble"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./fullWidthCampaign.module.css"
@@ -31,14 +31,16 @@ export default function FullWidthCampaign({ content }: FullWidthCampaignProps) {
         />
       ) : null}
       <div className={styles.content}>
-        <BiroScript color="baseText">{node.scripted_top_title}</BiroScript>
+        <BiroScript color="baseText" type="two">
+          {node.scripted_top_title}
+        </BiroScript>
         <div className={styles.mainContent}>
-          <Title color="baseText" textAlign="center">
+          <Title color="baseText" textAlign="center" level="h3">
             {node.heading}
           </Title>
-          <Body color="baseText" textAlign="center">
+          <Preamble color="baseText" textAlign="center">
             {node.body_text}
-          </Body>
+          </Preamble>
           <div className={styles.buttons}>
             {node.has_primary_button ? (
               <Button intent="inverted" size="small" theme="base" asChild>
diff --git a/components/TempDesignSystem/Text/Preamble/preamble.module.css b/components/TempDesignSystem/Text/Preamble/preamble.module.css
index 007cfe56f..bfb796746 100644
--- a/components/TempDesignSystem/Text/Preamble/preamble.module.css
+++ b/components/TempDesignSystem/Text/Preamble/preamble.module.css
@@ -33,6 +33,10 @@
   color: var(--Base-Text-UI-Medium-contrast);
 }
 
+.baseText {
+  color: var(--Base-Text-Inverted);
+}
+
 .center {
   text-align: center;
 }
diff --git a/components/TempDesignSystem/Text/Preamble/variants.ts b/components/TempDesignSystem/Text/Preamble/variants.ts
index 0eebf4d17..d007d985b 100644
--- a/components/TempDesignSystem/Text/Preamble/variants.ts
+++ b/components/TempDesignSystem/Text/Preamble/variants.ts
@@ -9,6 +9,7 @@ const config = {
       burgundy: styles.burgundy,
       pale: styles.pale,
       textMediumContrast: styles.textMediumContrast,
+      baseText: styles.baseText,
     },
     textAlign: {
       center: styles.center,
