diff --git a/frontend/src/components/footer/mybuttons.astro b/frontend/src/components/footer/mybuttons.astro
index fd2e8d9..c242f97 100644
--- a/frontend/src/components/footer/mybuttons.astro
+++ b/frontend/src/components/footer/mybuttons.astro
@@ -1,13 +1,14 @@
-buttons i created
+<p>buttons i created</p>
+<p style="transform: translateX(-90px); margin-bottom: -3px; margin-top: -15px; font-size: small; color: var(--accent);">for this site!</p>
 <div style="display: flex; flex-wrap: nowrap; justify-content: center;">
-<div class="badgeContainer">
-    <a id="badgeGray" href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver-gray.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
-    <a id="badgeOrange" style="display: none;" href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver-orange.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
-    <a id="badgeGreen" style="display: none;" href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver-green.gif" alt="animation of a bunch of twinkling stars (but amber)" 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 class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
-    <img id="sgaButton" style="cursor: pointer; 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>
+    <div class="badgeContainer">
+        <a id="badgeGray" href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver-gray.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
+        <a id="badgeOrange" style="display: none;" href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver-orange.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
+        <a id="badgeGreen" style="display: none;" href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver-green.gif" alt="animation of a bunch of twinkling stars (but amber)" 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 class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
+        <img id="sgaButton" style="cursor: pointer; 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>
 </div>
 <p id="sgaButtonText" style="visibility: hidden; transform: translateY(-15px); font-size: small; margin-bottom: -20px; color: var(--accent);">press me!</p>
 <hr>