diff --git a/components/page-footer/index.js b/components/page-footer/index.js
index d689addb3..41ded572d 100644
--- a/components/page-footer/index.js
+++ b/components/page-footer/index.js
@@ -53,8 +53,6 @@ const PageFooter = () => (
       </div>
     </div>
 
-    <script async defer src="https://buttons.github.io/buttons.js"></script>
-
     {/* Do not show on local */}
     { process.env.GA_SECRET && (
       <>
diff --git a/components/site-nav/index.js b/components/site-nav/index.js
index f28689b05..e6dd1ed56 100644
--- a/components/site-nav/index.js
+++ b/components/site-nav/index.js
@@ -15,7 +15,10 @@ const SiteNav = () => (
         <a href='/about' className='d-none d-md-inline-block'>FAQ</a>
         <a href='/signup' className='d-none d-md-inline-block'>Subscribe</a>
       </div>
-      <a className="github-button" href="https://github.com/kamranahmedse/developer-roadmap" data-size="large" data-show-count="true" aria-label="Star kamranahmedse/developer-roadmap on GitHub">GitHub</a>
+
+      <div className='ml-3 align-items-center d-flex'>
+        <iframe src="https://ghbtns.com/github-btn.html?user=kamranahmedse&repo=developer-roadmap&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="160px" height="30px"></iframe>
+      </div>
     </div>
   </HeaderWrap>
 );