diff --git a/frontend/public/scripts/main.js b/frontend/public/scripts/main.js
index 0bad4a2..dd4755e 100644
--- a/frontend/public/scripts/main.js
+++ b/frontend/public/scripts/main.js
@@ -5,7 +5,7 @@ const badgeOrange = document.getElementById("badgeOrange");
 const colorBool = Math.random() < 0.5;
 const is_root = location.pathname === "/";
 
-const badgeAmount = 16
+const badgeAmount = 17
 
 // loads all the functions to be loaded on load, pretty simple, it loads shit on load.
 function onLoad() {
@@ -128,10 +128,10 @@ const nbsp = '<a href="https://enby.space/"><img class="badge" src="/assets/imag
 const loveshock = '<a href="https://loveshock.xyz/"><img class="badge" src="/assets/images/badges/friends/loveshock.gif" alt="dark background, with a curved grid/web, with the text \'vist the jukebox at loveshock.xyz\'" loading="lazy"></a>'
 const pancakes = '<a href="https://trypancakes.com/"><img class="badge" src="/assets/images/badges/friends/pancakes.png" alt="purple background, with a drawing of a cat, to the left of the cat is the underlined word \'pancakes\'" loading="lazy"></a>'
 const sophari = '<a href="https://sophari.org/"><img class="badge" src="https://sophari.org/img/sophari.gif" alt="black background, with white borders and text, colorful snow-like substance falling down, text says \'Sophari.org\' " loading="lazy"></a>'
-const constellatory = '<a href="https://constellatory.net/"><img class="badge" src="/assets/images/badges/friends/constellatory.net.png" alt="constellatory" loading="lazy"></a>'
-const micro = '    <a id="badgeDefault12" href="https://micro.pages.gay/"><img class="badge" src="/assets/images/badges/friends/niko.png" alt="prototype from oneshot giviing a :3c expression with a darker background and Micro in purple 500 from tailwindcss on the right with dithering between the two sections" loading="lazy"></a>'
-const lykrast = '    <a id="badgeDefault16" href="https://lykrast.com/"><img class="badge" src="https://lykrast.com/8831.png" alt="hand holding a black hole, with the text \'Lykrast\'" loading="lazy"></a>'
-const starshines = '    <a id="badgeDefault17" href="https://starshines.gay/"><img class="badge" src="/assets/images/badges/friends/foxfoxfox.png" alt="image of a neofox in a box, next to it is some text reading off the screen \'fox fox fox fox fox\'" loading="lazy"></a>'
+const constellatory = '<a href="https://constellatory.net/"><imsg class="badge" src="/assets/images/badges/friends/constellatory.net.png" alt="constellatory" loading="lazy"></a>'
+const micro = '<a href="https://micro.pages.gay/"><img class="badge" src="/assets/images/badges/friends/niko.png" alt="prototype from oneshot giviing a :3c expression with a darker background and Micro in purple 500 from tailwindcss on the right with dithering between the two sections" loading="lazy"></a>'
+const lykrast = '<a href="https://lykrast.com/"><img class="badge" src="https://lykrast.com/8831.png" alt="hand holding a black hole, with the text \'Lykrast\'" loading="lazy"></a>'
+const starshines = '<a href="https://starshines.gay/"><img class="badge" style="width: 88px; height: 31px;" src="/assets/images/badges/friends/foxfoxfox.png" alt="image of a neofox in a box, next to it is some text reading off the screen \'fox fox fox fox fox\'" loading="lazy"></a>'
 
 const badges = [
     elke,
diff --git a/frontend/src/components/footer/friendly-buttons.astro b/frontend/src/components/footer/friendly-buttons.astro
index 61483e5..0c01fb8 100644
--- a/frontend/src/components/footer/friendly-buttons.astro
+++ b/frontend/src/components/footer/friendly-buttons.astro
@@ -15,7 +15,7 @@
     <a id="badgeDefault14" href="https://trypancakes.com/"><img class="badge" src="/assets/images/badges/friends/pancakes.png" alt="purple background, with a drawing of a cat, to the left of the cat is the underlined word 'pancakes'" loading="lazy"></a>
     <a id="badgeDefault15" href="https://sophari.org/"><img class="badge" src="https://sophari.org/img/sophari.gif" alt="black background, with white borders and text, colorful snow-like substance falling down, text says 'Sophari.org' " loading="lazy"></a>
     <a id="badgeDefault16" href="https://lykrast.com/"><img class="badge" src="https://lykrast.com/8831.png" alt="hand holding a black hole, with the text 'Lykrast'" loading="lazy"></a>
-    <a id="badgeDefault17" href="https://starshines.gay/"><img class="badge" src="/assets/images/badges/friends/foxfoxfox.png" alt="image of a neofox in a box, next to it is some text reading off the screen 'fox fox fox fox fox'" loading="lazy"></a>
+    <a id="badgeDefault17" href="https://starshines.gay/"><img class="badge" style="width: 88px; height: 31px;" src="/assets/images/badges/friends/foxfoxfox.png" alt="image of a neofox in a box, next to it is some text reading off the screen 'fox fox fox fox fox'" loading="lazy"></a>
 
     <div id="badge1" style="display: none"></div>
     <div id="badge2" style="display: none"></div>