diff --git a/services/cms/src/blocks/ResearchConsentCheckbox/ResearchConsentCheckBoxEditor.tsx b/services/cms/src/blocks/ResearchConsentCheckbox/ResearchConsentCheckBoxEditor.tsx
index 9cbeb560e7ef..ad2693baeda1 100644
--- a/services/cms/src/blocks/ResearchConsentCheckbox/ResearchConsentCheckBoxEditor.tsx
+++ b/services/cms/src/blocks/ResearchConsentCheckbox/ResearchConsentCheckBoxEditor.tsx
@@ -4,6 +4,7 @@ import { BlockEditProps } from "@wordpress/blocks"
import React from "react"
import { useTranslation } from "react-i18next"
+import ErrorBanner from "../../shared-module/components/ErrorBanner"
import CheckBox from "../../shared-module/components/InputFields/CheckBox"
import BlockPlaceholderWrapper from "../BlockPlaceholderWrapper"
@@ -41,6 +42,9 @@ const ResearchConsentCheckBoxEditor: React.FC<
onChange={(value: string) => setAttributes({ content: value })}
/>
+ {(attributes.content ?? "").split(/\s+/).length < 3 && (
+
+ )}
)
}
diff --git a/shared-module/src/components/InputFields/CheckBox.tsx b/shared-module/src/components/InputFields/CheckBox.tsx
index 6515b7a59c34..924658e4627e 100644
--- a/shared-module/src/components/InputFields/CheckBox.tsx
+++ b/shared-module/src/components/InputFields/CheckBox.tsx
@@ -121,10 +121,14 @@ const CheckBox = forwardRef(
aria-invalid={rest.error !== undefined}
onChange={handleOnChange}
ref={ref}
- dangerouslySetInnerHTML={labelIsRawHtml ? { __html: rest.label } : undefined}
{...rest}
/>
- {!labelIsRawHtml && {rest.label}}
+ {/* eslint-disable-next-line react/no-danger-with-children */}
+
{rest.error && (