diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts
index a7212bd8..63d5f6ad 100644
--- a/docs/docusaurus.config.ts
+++ b/docs/docusaurus.config.ts
@@ -82,9 +82,10 @@ const config: Config = {
         { to: '/docs/', label: 'Documentation', position: 'left', target: '_self' },
         { to: 'https://cocoindex.io/blogs/', label: 'Blog', position: 'left', target: '_self' },
         {
-          href: 'https://github.com/cocoindex-io/cocoindex',
-          label: 'GitHub',
+          type: 'html',
           position: 'right',
+          value: '<iframe src="https://ghbtns.com/github-btn.html?user=cocoindex-io&repo=cocoindex&type=star&count=true" frameborder="0" scrolling="0" width="120" height="20" title="GitHub" style="vertical-align: middle;"></iframe>',
+          className: 'navbar-github-link',
         },
       ],
     },
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index 8ee12292..499b8202 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -172,3 +172,7 @@
   background: var(--ifm-menu-link-sublist-icon) 50% / 1rem 1rem;
 }
 
+.navbar__item.navbar-github-link{
+  display: block;
+  width: 120px;
+}