diff --git a/site/source/components/PageData.tsx b/site/source/components/PageData.tsx
index 38a99ae45..eb3136dec 100644
--- a/site/source/components/PageData.tsx
+++ b/site/source/components/PageData.tsx
@@ -127,7 +127,7 @@ export default function PageData(props: PageDataProps) {
 }
 
 const LoaderFallback = () => (
-	<StyledBody>
+	<StyledBody as="div">
 		<div
 			css={`
 				height: 300px;
diff --git a/site/source/components/conversation/AnswerList.tsx b/site/source/components/conversation/AnswerList.tsx
index dc96d8906..e26aafebc 100644
--- a/site/source/components/conversation/AnswerList.tsx
+++ b/site/source/components/conversation/AnswerList.tsx
@@ -134,7 +134,7 @@ export default function AnswerList({ onClose, children }: AnswerListProps) {
 					</H3>
 					<div className="print-hidden">
 						<Message type="secondary" border={false} icon>
-							<Body>
+							<Body as="div">
 								<div
 									css={`
 										display: flex;
