diff --git a/components/design-system/CTA.jsx b/components/design-system/CTA.jsx
index ed94ccc6d8..e5f2a851a9 100644
--- a/components/design-system/CTA.jsx
+++ b/components/design-system/CTA.jsx
@@ -9,6 +9,9 @@ export function CTA({
   LinkProps,
   containerClass = "",
 }) {
+  // Check if body prop is HTML content
+  const isHTML = (str) => /<\/?[a-z][\s\S]*>/i.test(str);
+
   return (
     <div className="bg-multi-blue-blue2 p-3">
       <div className={`flex flex-row ${containerClass}`}>
@@ -23,7 +26,7 @@ export function CTA({
           <h3 className={`leading-[40px] text-multi-neutrals-grey100`}>
             {heading}
           </h3>
-          <p className="body">{body}</p>
+          {isHTML(body) ? body : <p className="body">{body}</p>}
           <Button
             styling="primary"
             className="my-3"
diff --git a/components/fragment_renderer/FragmentRender.js b/components/fragment_renderer/FragmentRender.js
index 8e366948bb..24d0eb0707 100644
--- a/components/fragment_renderer/FragmentRender.js
+++ b/components/fragment_renderer/FragmentRender.js
@@ -2,11 +2,13 @@ import { v4 as uuid } from "uuid";
 import TextWithImage from "./fragment_components/TextWithImage";
 import TextContent from "./fragment_components/TextContent";
 import Button from "./fragment_components/Button";
+import ArticleCTA from "./fragment_components/ArticleCTA";
 
 const FRAGMENTS = {
   "SCLabs-Comp-Content-Image-v1": TextWithImage,
   "SCLabs-Content-v1": TextContent,
   "SCLabs-Button-v1": Button,
+  "SCLabs-Feature-v1": ArticleCTA,
 };
 
 export default function FragmentRender(props) {
diff --git a/components/fragment_renderer/fragment_components/ArticleCTA.js b/components/fragment_renderer/fragment_components/ArticleCTA.js
new file mode 100644
index 0000000000..96af6994e6
--- /dev/null
+++ b/components/fragment_renderer/fragment_components/ArticleCTA.js
@@ -0,0 +1,38 @@
+import { CTA } from "../../design-system/CTA";
+import TextRender from "../../text_node_renderer/TextRender";
+
+export default function ArticleCTA(props) {
+  return (
+    <CTA
+      heading={
+        props.locale === "en"
+          ? props.fragmentData.scTitleEn
+          : props.fragmentData.scTitleFr
+      }
+      body={
+        <TextRender
+          data={
+            props.locale === "en"
+              ? props.fragmentData.scContentEn.json
+              : props.fragmentData.scContentFr.json
+          }
+          excludeH1={true}
+        />
+      }
+      ButtonProps={{
+        id: props.fragmentData.scLabsButton[0].scId,
+        text:
+          props.locale === "en"
+            ? props.fragmentData.scLabsButton[0].scTitleEn
+            : props.fragmentData.scLabsButton[0].scTitleFr,
+        href:
+          props.locale === "en"
+            ? props.fragmentData.scLabsButton[0].scDestinationURLEn
+            : props.fragmentData.scLabsButton[0].scDestinationURLFr,
+        className:
+          "w-fit bg-[#26374A] mt-4 text-white visited:text-white hover:bg-[#1C578A] hover:no-underline hover:text-white active:bg-[#16446C]",
+      }}
+      containerClass="layout-container my-4"
+    />
+  );
+}
diff --git a/components/fragment_renderer/fragment_components/Button.js b/components/fragment_renderer/fragment_components/Button.js
index e9488edcb3..5b77953911 100644
--- a/components/fragment_renderer/fragment_components/Button.js
+++ b/components/fragment_renderer/fragment_components/Button.js
@@ -13,9 +13,9 @@ export default function Button(props) {
       : "primary";
 
   return (
-    <div className="grid grid-cols-12 gap-x-6 my-12">
+    <div className="layout-container grid grid-cols-12 gap-x-6 my-12">
       <ActionButton
-        id={props.key}
+        id={props.fragmentData.scId}
         style={style}
         custom="col-span-12"
         href={
diff --git a/components/fragment_renderer/fragment_components/TextContent.js b/components/fragment_renderer/fragment_components/TextContent.js
index 2bfe44b7b3..72d0034026 100644
--- a/components/fragment_renderer/fragment_components/TextContent.js
+++ b/components/fragment_renderer/fragment_components/TextContent.js
@@ -2,7 +2,7 @@ import TextRender from "../../text_node_renderer/TextRender";
 
 export default function TextContent(props) {
   return (
-    <div className="grid grid-cols-12 gap-x-6 my-12">
+    <div className="layout-container grid grid-cols-12 gap-x-6 my-12">
       <div className="col-span-12 lg:col-span-7">
         <TextRender
           data={
diff --git a/components/fragment_renderer/fragment_components/TextWithImage.js b/components/fragment_renderer/fragment_components/TextWithImage.js
index 3d6b1ae42f..8e714ba18f 100644
--- a/components/fragment_renderer/fragment_components/TextWithImage.js
+++ b/components/fragment_renderer/fragment_components/TextWithImage.js
@@ -2,7 +2,7 @@ import TextRender from "../../text_node_renderer/TextRender";
 
 export default function TextWithImage(props) {
   return (
-    <div className="grid grid-cols-12 gap-x-6 my-12">
+    <div className="layout-container grid grid-cols-12 gap-x-6 my-12">
       <div className="hidden lg:grid col-start-8 col-span-5 row-start-1 row-span-2">
         <div className="flex justify-center">
           <div className="h-auto">
diff --git a/graphql/queries/benefitsNavigatorArticlesQuery.graphql b/graphql/queries/benefitsNavigatorArticlesQuery.graphql
index 7fdaaa0636..79222b3560 100644
--- a/graphql/queries/benefitsNavigatorArticlesQuery.graphql
+++ b/graphql/queries/benefitsNavigatorArticlesQuery.graphql
@@ -249,6 +249,7 @@ query getBenefitsNavigatorArticles {
               _publishUrl
             }
           }
+          scImageAltTextEn
           scImageFr {
             ... on ImageRef {
               _publishUrl
@@ -259,6 +260,7 @@ query getBenefitsNavigatorArticles {
               _publishUrl
             }
           }
+          scImageAltTextFr
           scFragments {
             ... on SclabsAlertV1Model {
               _path
diff --git a/pages/projects/benefits-navigator/[id].js b/pages/projects/benefits-navigator/[id].js
index 593499ab29..787d0175f7 100644
--- a/pages/projects/benefits-navigator/[id].js
+++ b/pages/projects/benefits-navigator/[id].js
@@ -37,39 +37,41 @@ export default function DynamicBenefitNavigatorPage(props) {
           adobeAnalyticsUrl={props.adobeAnalyticsUrl}
           locale={props.locale}
         />
-        <section className="layout-container mb-12">
-          <Heading
-            tabIndex="-1"
-            id="pageMainTitle"
-            title={
-              props.locale === "en" ? pageData.scTitleEn : pageData.scTitleFr
-            }
-          />
-          <div id="postedOnUpdatedOnSection" className="grid grid-cols-12">
-            <p
-              className={`col-span-6 sm:col-span-4 ${
-                props.locale === "en" ? "lg:col-span-2" : "lg:col-span-3"
-              } font-bold`}
-            >
-              {props.locale === "en"
-                ? dictionary[9].scTermEn
-                : dictionary[9].scTermFr}
-            </p>
-            <p className="col-span-6 col-start-7 sm:col-start-5 lg:col-span-2 md:col-start-5 mt-0">
-              {pageData.scDateModifiedOverwrite}
-            </p>
-            <p
-              className={`row-start-2 col-span-6 sm:col-span-4 mt-0 ${
-                props.locale === "en" ? "lg:col-span-2" : "lg:col-span-3"
-              } font-bold`}
-            >
-              {props.locale === "en"
-                ? dictionary[4].scTermEn
-                : dictionary[4].scTermFr}
-            </p>
-            <p className="row-start-2 col-span-6 col-start-7 sm:col-start-5 lg:col-span-2 md:col-start-5 mt-auto">
-              {pageData.scDateModifiedOverwrite}
-            </p>
+        <section className="mb-12">
+          <div className="layout-container">
+            <Heading
+              tabIndex="-1"
+              id="pageMainTitle"
+              title={
+                props.locale === "en" ? pageData.scTitleEn : pageData.scTitleFr
+              }
+            />
+            <div id="postedOnUpdatedOnSection" className="grid grid-cols-12">
+              <p
+                className={`col-span-6 sm:col-span-4 ${
+                  props.locale === "en" ? "lg:col-span-2" : "lg:col-span-3"
+                } font-bold`}
+              >
+                {props.locale === "en"
+                  ? dictionary[9].scTermEn
+                  : dictionary[9].scTermFr}
+              </p>
+              <p className="col-span-6 col-start-7 sm:col-start-5 lg:col-span-2 md:col-start-5 mt-0">
+                {pageData.scDateModifiedOverwrite}
+              </p>
+              <p
+                className={`row-start-2 col-span-6 sm:col-span-4 mt-0 ${
+                  props.locale === "en" ? "lg:col-span-2" : "lg:col-span-3"
+                } font-bold`}
+              >
+                {props.locale === "en"
+                  ? dictionary[4].scTermEn
+                  : dictionary[4].scTermFr}
+              </p>
+              <p className="row-start-2 col-span-6 col-start-7 sm:col-start-5 lg:col-span-2 md:col-start-5 mt-auto">
+                {pageData.scDateModifiedOverwrite}
+              </p>
+            </div>
           </div>
 
           {/* Main */}
diff --git a/pages/projects/benefits-navigator/index.js b/pages/projects/benefits-navigator/index.js
index a294365be4..aa0c31d9ed 100644
--- a/pages/projects/benefits-navigator/index.js
+++ b/pages/projects/benefits-navigator/index.js
@@ -743,33 +743,6 @@ export default function BenefitsNavigatorOverview(props) {
             {displayProjectUpdates}
           </ul>
         </div>
-
-        {/* <CTA
-          heading={
-            props.locale === "en"
-              ? pageData.scFragments[6].scTitleEn
-              : pageData.scFragments[6].scTitleFr
-          }
-          body={
-            props.locale === "en"
-              ? pageData.scFragments[6].scContentEn.json[0].content[0].value
-              : pageData.scFragments[6].scContentFr.json[0].content[0].value
-          }
-          ButtonProps={{
-            id: "cta-btn",
-            text:
-              props.locale === "en"
-                ? pageData.scFragments[6].scLabsButton[0].scTitleEn
-                : pageData.scFragments[6].scLabsButton[0].scTitleFr,
-            href:
-              props.locale === "en"
-                ? pageData.scFragments[6].scLabsButton[0].scDestinationURLEn
-                : pageData.scFragments[6].scLabsButton[0].scDestinationURLFr,
-            className:
-              "w-fit bg-[#26374A] mt-4 text-white visited:text-white hover:bg-[#1C578A] hover:no-underline hover:text-white active:bg-[#16446C]",
-          }}
-          containerClass="layout-container my-4"
-        /> */}
       </Layout>
       {props.adobeAnalyticsUrl ? (
         <script type="text/javascript">_satellite.pageBottom()</script>
diff --git a/styles/globals.css b/styles/globals.css
index 3dc739d15b..78688ac48e 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -570,7 +570,7 @@ html {
 }
 
 .btn-primary {
-  @apply font-header font-normal text-multi-neutrals-white bg-multi-blue-blue70 rounded-[4px] px-[14px] py-[6px] text-btnother
+  @apply font-header font-normal text-multi-neutrals-white bg-multi-blue-blue70 px-[16px] py-[8px] text-btnother
 }
 
 .btn-link {