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',
},