Skip to content

Commit eb5bbb9

Browse files
authored
Merge pull request #13617 from guardian/ei/fix-client-side-slot-collapse
Make sure slot containers have correct class applied
2 parents 2bf8190 + 3a6069d commit eb5bbb9

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

dotcom-rendering/src/components/AdSlot.web.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -385,14 +385,14 @@ const crosswordBannerMobileAdStyles = css`
385385
const AdSlotWrapper = ({
386386
children,
387387
css: additionalCss,
388-
className = 'ad-slot-container',
388+
className,
389389
}: {
390390
children: React.ReactNode;
391391
css?: Interpolation;
392392
className?: string;
393393
}) => {
394394
return (
395-
<aside className={className} css={additionalCss}>
395+
<aside className={`ad-slot-container ${className}`} css={additionalCss}>
396396
{children}
397397
</aside>
398398
);
@@ -719,7 +719,7 @@ export const AdSlot = ({
719719
const advertId = `inline${index + 1}`;
720720
return (
721721
<AdSlotWrapper
722-
className="ad-slot-container ad-slot-desktop"
722+
className="ad-slot-desktop"
723723
css={liveblogInlineContainerStyles}
724724
>
725725
<div

0 commit comments

Comments
 (0)