diff --git a/frontend/src/components/footer/mybuttons.astro b/frontend/src/components/footer/mybuttons.astro
index 3bce4c9..eaa084c 100644
--- a/frontend/src/components/footer/mybuttons.astro
+++ b/frontend/src/components/footer/mybuttons.astro
@@ -1,12 +1,12 @@
 buttons i created
 <div class="badgeContainer">
-<a href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
-<!-- <a href="https://limepot.xyz/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars (but purple)" loading="lazy"/></a> -->
-<a href="https://ouroboros.gay/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/ouroboros.gay.png" loading="lazy"></a>
-<img id="sgaButton" style="display: none;" width="88" height="31" style="cursor:pointer;" onclick="toggleTheme()" src="/assets/images/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars" loading="lazy"/>
+    <a href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
+    <!-- <a href="https://limepot.xyz/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars (but purple)" loading="lazy"/></a> --><a href="https://ouroboros.gay/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/ouroboros.gay.png" loading="lazy"></a>
+    <img id="sgaButton" style="display: none;" width="88" height="31" style="cursor:pointer;" onclick="toggleTheme()" src="/assets/images/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars" loading="lazy">
 </div>
+<p style="transform: translateX(92px) translateY(-20px); font-size: small; margin-bottom: -20px; color: var(--accent);">press me!</p>
 <hr>
 every coin counts!
 <br>
-<a href="https://ko-fi.com/limepot"><img class="badge" src="/assets/images/badges/kofi.gif"></a>
+<a href="https://ko-fi.com/limepot"><img class="badge" src="/assets/images/badges/kofi.gif" alt="'buy ko-fi' jumping up and down next to the kofi logo"></a>
 <br/>