diff --git a/src/components/DocFooter.jsx b/src/components/DocFooter.jsx
index a011de9e..5365322b 100644
--- a/src/components/DocFooter.jsx
+++ b/src/components/DocFooter.jsx
@@ -3,13 +3,12 @@ import PropTypes from 'prop-types'
 import { ReactComponent as Pencil } from '../images/pencil.svg'
 import styles from './DocFooter.module.scss'
 
+const githubContentPath =
+    'https://github.com/oceanprotocol/docs/blob/master/content'
+
 const DocFooter = ({ post }) => (
     <footer className={styles.footer}>
-        <a
-            href={`https://github.com/oceanprotocol/docs/blob/master/content/${
-                post.parent.relativePath
-            }`}
-        >
+        <a href={`${githubContentPath}/${post.parent.relativePath}`}>
             <Pencil /> Edit this page on GitHub
         </a>
     </footer>
diff --git a/src/components/DocFooter.module.scss b/src/components/DocFooter.module.scss
index 6af86c56..8376a7ad 100644
--- a/src/components/DocFooter.module.scss
+++ b/src/components/DocFooter.module.scss
@@ -13,6 +13,7 @@
         font-family: $font-family-button;
         text-transform: uppercase;
         color: $brand-grey-light;
+        margin: 0 $spacer / 2;
 
         &:hover,
         &:focus {