diff --git a/src/app/components/MediaLoader/Amp/index.styles.ts b/src/app/components/MediaLoader/Amp/index.styles.ts index 54f02c70959..ceed6ff063c 100644 --- a/src/app/components/MediaLoader/Amp/index.styles.ts +++ b/src/app/components/MediaLoader/Amp/index.styles.ts @@ -35,9 +35,16 @@ export default { backgroundColor: 'window', }, }), - messageImage: () => css({ width: '100%' }), + messageImage: () => + css({ + position: 'absolute', + inset: 0, + width: '100%', + height: '100%', + }), ampIframeWrapper: ({ palette }: Theme) => css({ + position: 'relative', overflow: 'hidden', backgroundColor: palette.LUNAR, height: '100%', diff --git a/src/integration/pages/storyPage/hausa/__snapshots__/amp.test.js.snap b/src/integration/pages/storyPage/hausa/__snapshots__/amp.test.js.snap index b68df9ddf7a..0061af69688 100644 --- a/src/integration/pages/storyPage/hausa/__snapshots__/amp.test.js.snap +++ b/src/integration/pages/storyPage/hausa/__snapshots__/amp.test.js.snap @@ -260,7 +260,7 @@ exports[`AMP Story Page Image Caption should match text 1`] = `"Bayanan sautią¤® exports[`AMP Story Page Image should match snapshot 1`] = ` `;