diff --git a/src/app/components/Embeds/EmbedHtml/index.tsx b/src/app/components/Embeds/EmbedHtml/index.tsx
index 41491197bc9..46fd667f9be 100644
--- a/src/app/components/Embeds/EmbedHtml/index.tsx
+++ b/src/app/components/Embeds/EmbedHtml/index.tsx
@@ -15,7 +15,7 @@ const EmbedHtml = ({ embeddableContent }: PropsWithChildren) => {
if (!embeddableContent) return null;
if (isLite) return null;
-
+ console.log('!!!!', embeddableContent)
// TODO: Remove this logic after the US Elections
const isUSElectionBanner = embeddableContent.includes(
'2024-us-presidential-election-banner',
@@ -30,6 +30,7 @@ const EmbedHtml = ({ embeddableContent }: PropsWithChildren) => {
styles.embedDiv,
isUSElectionBanner && styles.electionBannerOverrides,
]}
+ className="embed"
suppressHydrationWarning
// eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{ __html: embeddableContent }}
diff --git a/src/app/pages/ArticlePage/ArticlePage.styles.ts b/src/app/pages/ArticlePage/ArticlePage.styles.ts
index 9e60c7080cb..7a3fb703541 100644
--- a/src/app/pages/ArticlePage/ArticlePage.styles.ts
+++ b/src/app/pages/ArticlePage/ArticlePage.styles.ts
@@ -23,7 +23,7 @@ export default {
}),
grid: ({ mq, gridWidths }: Theme) =>
css({
- maxWidth: `${pixelsToRem(gridWidths[1008])}rem`,
+ maxWidth: '100%',
margin: '0 auto',
display: 'grid',
gridTemplateColumns: 'repeat(12, 1fr)',
@@ -81,9 +81,13 @@ export default {
gridColumn: '1 / span 12',
paddingBottom: '2rem',
}),
- mainContent: ({ palette, spacings, mq }: Theme) =>
+ mainContent: ({ palette, spacings, mq, gridWidths }: Theme) =>
css({
paddingBottom: `${spacings.TRIPLE}rem`,
+ '& > *:not(.embed)': {
+ maxWidth: `${pixelsToRem(gridWidths[1008])}rem`,
+ margin: '0 auto',
+ },
// Hide content after Continue Reading button
'[id="continue-reading-button"] ~ *': {
diff --git a/src/app/pages/ArticlePage/ArticlePage.tsx b/src/app/pages/ArticlePage/ArticlePage.tsx
index 3b411f60fde..4e8b0ba6fa8 100644
--- a/src/app/pages/ArticlePage/ArticlePage.tsx
+++ b/src/app/pages/ArticlePage/ArticlePage.tsx
@@ -444,7 +444,7 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
)}
- {!isApp && !isPGL && }
+ {/* {!isApp && !isPGL && } */}
{/* // EXPERIMENT: Referrer Experiment