diff --git a/src/components/FriendLink.astro b/src/components/FriendLink.astro
index ba9aafc..1e9e3c9 100644
--- a/src/components/FriendLink.astro
+++ b/src/components/FriendLink.astro
@@ -3,12 +3,15 @@ import { Image } from "astro:assets";
 
 const { name, image, target } = Astro.props;
 ---
-<a href={`${target}`} target="_blank"><Image src={image} width={88} height={31} alt={`${name}`} /></a>
+<a href={`${target}`} target="_blank"><Image src={image} width={88} height={31} alt={`${name}`} class="flex" /></a>
 <style>
     img {
         image-rendering: pixelated;
-        width: 88px;
-        height: 31px;
+        min-width: 88px;
+        width: 176px;
+        min-height: 31px;
+        height: 62px;
+        scale: initial;
         padding: 4px;
     }
 </style>
\ No newline at end of file
diff --git a/src/pages/other buttons.astro b/src/pages/other buttons.astro
index 2e2ae5e..95b03f7 100644
--- a/src/pages/other buttons.astro	
+++ b/src/pages/other buttons.astro	
@@ -59,7 +59,7 @@ const pageTitle = "Aria's friends";
                 target="https://astro.build/"
             />
             <!--suppress HtmlDeprecatedAttribute -->
-            <iframe src="//incr.easrng.net/badge?key=ariadotcoffee" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe>
+            <div style="width: 176px; height: 62px" class="flex place-content-center items-center"><iframe src="https://incr.easrng.net/badge?key=ariadotcoffee" style="background: url(//incr.easrng.net/bg.gif); transform: scale(2);" title="increment badge" width="88" height="31" frameborder="0"></iframe></div>
             <FriendLink
                     name="Specsavers"
                     image="/static/img/88x31/eyes.gif"