diff --git a/src/_includes/components/landing/powered-by.njk b/src/_includes/components/landing/powered-by.njk
index 70d6120..a9d0ad8 100644
--- a/src/_includes/components/landing/powered-by.njk
+++ b/src/_includes/components/landing/powered-by.njk
@@ -1,10 +1,10 @@
 <section id="powered-by">
   <img class="logo" src="/assets/images/logomark.png" alt="Logomark">
   <h1>Powered by StartOS</h1>
-    <div class="ratings">
-    <iframe class="ratings-desktop" src="https://ghbtns.com/github-btn.html?user=Start9Labs&repo=start-os&type=star&count=true&size=large" frameborder="0" scrolling="0" width="135" height="30" title="GitHub"></iframe>
-    <iframe class="ratings-mobile" src="https://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=watch&count=true&v=2" frameborder="0" scrolling="0" width="112" height="20" title="GitHub"></iframe>
-    <div id= "ap-widget-2" class="ap-widget--mini" data-options='{"prod_code": "startos", "theme":  "dark", "template_id": "mini", "text_color": "#F5F5F5" , "bg_color": "transparent" }'> </div>
+  <div class="ratings">
+    <span class="ratings-gh-desktop"><a class="github-button" href="https://github.com/Start9Labs/start-os" data-size="large" data-show-count="true" aria-label="Star Start9Labs/start-os on GitHub">Star</a></span>
+    <span class="ratings-gh-mobile"><a class="github-button" href="https://github.com/Start9Labs/start-os" data-show-count="true" aria-label="Star Start9Labs/start-os on GitHub">Star</a></span>
+    <div id= "ap-widget-2" class="ap-widget--mini" data-options='{"prod_code": "startos", "theme":  "dark", "template_id": "mini", "text_color": "#F5F5F5" , "bg_color": "transparent" }'></div>
   </div>
   <p>Just as Windows and macOS made it possible for anyone to own a personal computer, StartOS makes it possible for anyone to own a personal server.</p>
   <p>StartOS facilitates the entire process of discovering, installing, configuring, and using any variety of open-source software from anywhere in the world without trusting anyone.</p>
diff --git a/src/assets/styles/powered-by.scss b/src/assets/styles/powered-by.scss
index 51d11aa..a1f853e 100644
--- a/src/assets/styles/powered-by.scss
+++ b/src/assets/styles/powered-by.scss
@@ -77,8 +77,6 @@ svg a:visited {
 .ratings {
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
-  justify-content: center;
   align-items: center;
   margin: 1rem;
 
@@ -102,11 +100,11 @@ svg a:visited {
     }
   }
 
-  &-mobile {
-    display: none
+  &-gh-mobile {
+    display: none;
   }
 
-  &-desktop {
+  &-gh-desktop {
     display: block;
   }
 }
@@ -117,11 +115,11 @@ svg a:visited {
   }
 
   .ratings {
-    &-mobile {
+    &-gh-mobile {
       display: block;
     }
 
-    &-desktop {
+    &-gh-desktop {
       display: none;
     }
   }
diff --git a/src/index.njk b/src/index.njk
index fcf8b64..e1b969c 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -53,6 +53,7 @@ layout: layouts/base.njk
 
 {% include "components/landing/community.njk" %}
 
+<script async defer src="https://buttons.github.io/buttons.js"></script>
 <script src="https://ap-widget-2.s3.amazonaws.com/widget.min.js" defer=""></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/CustomEase.min.js"></script>