diff --git a/packages/mui-docs/src/Ad/Ad.tsx b/packages/mui-docs/src/Ad/Ad.tsx index 9b47adcc8d6ed6..10d6302d189758 100644 --- a/packages/mui-docs/src/Ad/Ad.tsx +++ b/packages/mui-docs/src/Ad/Ad.tsx @@ -34,7 +34,7 @@ function PleaseDisableAdblock() { } const disableAd = - process.env.NODE_ENV !== 'production' && process.env.ENABLE_AD_IN_DEV_MODE !== 'true'; + process.env.NODE_ENV !== 'production' && process.env.ENABLE_AD_IN_DEV_MODE === 'true'; const inHouseAds = [ { name: 'scaffoldhub', @@ -232,7 +232,6 @@ export function Ad() { data-ga-event-category="ad" data-ga-event-action="click" data-ga-event-label={eventLabel} - className="Ad-root" > {children} diff --git a/packages/mui-docs/src/ComponentLinkHeader/ComponentLinkHeader.tsx b/packages/mui-docs/src/ComponentLinkHeader/ComponentLinkHeader.tsx index f432a3214c3588..4669532dfb7842 100644 --- a/packages/mui-docs/src/ComponentLinkHeader/ComponentLinkHeader.tsx +++ b/packages/mui-docs/src/ComponentLinkHeader/ComponentLinkHeader.tsx @@ -13,8 +13,9 @@ import W3CIcon from '../svgIcons/W3CIcon'; import MaterialDesignIcon from '../svgIcons/MaterialDesignIcon'; import { useTranslate } from '../i18n'; -const Root = styled('ul')({ +const Root = styled('ul')(({ theme }) => ({ margin: 0, + marginTop: theme.spacing(3), padding: 0, listStyle: 'none', display: 'flex', @@ -30,7 +31,7 @@ const Root = styled('ul')({ fontSize: 14, }, }, -}); +})); const defaultPackageNames: Record = { 'material-ui': '@mui/material', diff --git a/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx b/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx index a561b6641bba72..fb25e65d73515e 100644 --- a/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx +++ b/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx @@ -137,7 +137,7 @@ const Root = styled('div')( // Allows to remove link arrows for images display: 'none', }, - '& .Ad-root a::after': { + '& .ad.description a::after': { // Remove link arrow for ads display: 'none', },