diff --git a/packages/gui/src/view/pages/index.vue b/packages/gui/src/view/pages/index.vue
index b1e972e..85cc8c2 100644
--- a/packages/gui/src/view/pages/index.vue
+++ b/packages/gui/src/view/pages/index.vue
@@ -352,10 +352,11 @@ export default {
             如果它解决了你的问题，请不要吝啬你的star哟！点这里
             <a-icon style="margin-right:10px;" type="arrow-right" theme="outlined" />
           </div>
-          <a @click="openExternal('https://github.com/docmirror/dev-sidecar')"><img
-            alt="GitHub stars"
-            src="https://img.shields.io/github/stars/docmirror/dev-sidecar?logo=github"
-          ></a>
+          <a @click="openExternal('https://github.com/docmirror/dev-sidecar')">
+            <a-button type="primary" icon="star">
+              Star on GitHub
+            </a-button>
+          </a>
         </div>
       </div>
     </div>