diff --git a/src/components/Footer.js b/src/components/Footer.js
index 1c55f16e1..5452fd58c 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -11,6 +11,9 @@ import PropTypes from 'prop-types';
 
 const Footer = ({ className }) => {
   const { fileRelativePath } = useContext(PageContext);
+  const isComponentDoc = fileRelativePath.includes(
+    'src/markdown-pages/components'
+  );
 
   return (
     <footer className={cx(styles.footer, className)}>
@@ -32,7 +35,7 @@ const Footer = ({ className }) => {
           <FeatherIcon className={styles.linkIcon} name="pen" size="1rem" />
           Terms of service
         </Link>
-        {fileRelativePath && (
+        {fileRelativePath && !isComponentDoc && (
           <ExternalLink
             className={styles.link}
             href={`${githubBaseUrl}/blob/master/${fileRelativePath}`}
diff --git a/src/components/GlobalHeader.js b/src/components/GlobalHeader.js
index 63b9c4a80..dd9305e03 100644
--- a/src/components/GlobalHeader.js
+++ b/src/components/GlobalHeader.js
@@ -12,6 +12,9 @@ import styles from './GlobalHeader.module.scss';
 
 const GlobalHeader = ({ className }) => {
   const { fileRelativePath } = useContext(PageContext);
+  const isComponentDoc = fileRelativePath.includes(
+    'src/markdown-pages/components'
+  );
 
   return (
     <div className={cx(styles.globalHeaderContainer, className)}>
@@ -58,7 +61,7 @@ const GlobalHeader = ({ className }) => {
         </div>
 
         <ul className={styles.rightSideButtons}>
-          {fileRelativePath && (
+          {fileRelativePath && !isComponentDoc && (
             <li className={styles.rightSideButton}>
               <ExternalLink
                 href={`${githubBaseUrl}/blob/master/${fileRelativePath}`}