diff --git a/index.html b/index.html
index 2ba0d9c..2e50c86 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,7 @@
   <link rel="stylesheet" href="style.css" />
   <link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
   <script async src="https://kit.fontawesome.com/9ca49f101f.js"></script>
+  <script async defer src="https://buttons.github.io/buttons.js"></script>
 
   <script async defer src="https://www.googletagmanager.com/gtag/js?id=G-VT4953Z89H"></script>
   <script>
@@ -52,7 +53,7 @@
 
   <header>
     <h1 id="logo">Torrent<span id="originalSourceIcon"><span class="fad fa-magnet fa-fw"></span></span>Parts</h1>
-    <iframe src="https://ghbtns.com/github-btn.html?user=leoherzog&repo=TorrentParts&type=star&count=true" frameborder="0" scrolling="0" width="100" height="20" title="GitHub"></iframe>
+    <a class="github-button" href="https://github.com/leoherzog/TorrentParts" data-color-scheme="no-preference:light;light:light;dark:dark;" data-icon="octicon-star" data-show-count="true" aria-label="Star leoherzog/TorrentParts on GitHub">Star</a>
   </header>
 
   <div id="startButtons">
diff --git a/style.css b/style.css
index 8f89dd0..c764415 100644
--- a/style.css
+++ b/style.css
@@ -101,7 +101,7 @@ header {
   border-bottom: 1px solid var(--grey);
 }
 
-#logo {
+header > * {
   margin: 0 24px;
 }