diff --git a/docs/src/modules/components/Demo.js b/docs/src/modules/components/Demo.js
index 7f5f366cb81741..88241487bcfabe 100644
--- a/docs/src/modules/components/Demo.js
+++ b/docs/src/modules/components/Demo.js
@@ -700,8 +700,8 @@ const useStyles = makeStyles(
   { name: 'Demo' },
 );
 
-function Demo(props) {
-  const { demo, demoOptions, githubLocation } = props;
+export default function Demo(props) {
+  const { demo, demoOptions, disableAd, githubLocation } = props;
   const classes = useStyles();
   const t = useSelector((state) => state.options.t);
   const codeVariant = useSelector((state) => state.options.codeVariant);
@@ -821,7 +821,7 @@ function Demo(props) {
           />
         </div>
       </Collapse>
-      {showAd ? <AdCarbonInline /> : null}
+      {showAd && !disableAd && !demoOptions.disableAd ? <AdCarbonInline /> : null}
     </div>
   );
 }
@@ -829,7 +829,6 @@ function Demo(props) {
 Demo.propTypes = {
   demo: PropTypes.object.isRequired,
   demoOptions: PropTypes.object.isRequired,
+  disableAd: PropTypes.bool.isRequired,
   githubLocation: PropTypes.string.isRequired,
 };
-
-export default Demo;
diff --git a/docs/src/modules/components/MarkdownDocs.js b/docs/src/modules/components/MarkdownDocs.js
index 59542cb0286846..5fbfb0fc9224bc 100644
--- a/docs/src/modules/components/MarkdownDocs.js
+++ b/docs/src/modules/components/MarkdownDocs.js
@@ -178,6 +178,7 @@ function MarkdownDocs(props) {
                     rawTS: demo.rawTS,
                     tsx: demo.moduleTS ? requireDemo(demo.moduleTS).default : null,
                   }}
+                  disableAd={disableAd}
                   demoOptions={renderedMarkdownOrDemo}
                   githubLocation={`${SOURCE_CODE_ROOT_URL}/docs/src/${name}`}
                 />