diff --git a/.forgejo/workflows/deploy.yaml b/.forgejo/workflows/deploy.yaml
index fd7857e..9d8576f 100644
--- a/.forgejo/workflows/deploy.yaml
+++ b/.forgejo/workflows/deploy.yaml
@@ -4,7 +4,6 @@ on:
   push:
     branches:
       - main
-  workflow_dispatch:
 
 jobs:
   deploy:
diff --git a/astro.config.mjs b/astro.config.mjs
index 1917423..8fe0d18 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -18,7 +18,7 @@ export default defineConfig({
   site: "https://aria.coffee",
   integrations: [
     preact(),
-    // tailwind(),
+    tailwind(),
     icon(),
     mdx(),
     matomo({
diff --git a/src/components/FriendLink.astro b/src/components/FriendLink.astro
index a13d485..5147e56 100644
--- a/src/components/FriendLink.astro
+++ b/src/components/FriendLink.astro
@@ -3,16 +3,14 @@ import { Image, Picture } from "astro:assets";
 
 const { name, image, target } = Astro.props;
 ---
-<a href={`${target}`} target="_blank"><Picture src={image} width=176 height=62 alt={`${name}`} sizes={"0.5x 1x 2x 4x"} class="flex" quality="max" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="max" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;
-        min-width: 176px;
+        min-width: 88px;
         width: 176px;
-        max-width: 176px;
-        min-height: 62px;
+        min-height: 31px;
         height: 62px;
-        max-height: 62px;
-        scale: 1;
+        padding: 4px;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/FriendLinkHigh.astro b/src/components/FriendLinkHigh.astro
index 1e89f08..e9035b0 100644
--- a/src/components/FriendLinkHigh.astro
+++ b/src/components/FriendLinkHigh.astro
@@ -3,16 +3,14 @@ import { Image, Picture } from "astro:assets";
 
 const { name, image, target } = Astro.props;
 ---
-<a href={`${target}`} target="_blank"><Picture src={image} width=176 height=62 alt={`${name}`} class="flex" quality="high" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="high" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;
-        min-width: 176px;
+        min-width: 88px;
         width: 176px;
-        max-width: 176px;
-        min-height: 62px;
+        min-height: 31px;
         height: 62px;
-        max-height: 62px;
         padding: 4px;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/FriendLinkLow.astro b/src/components/FriendLinkLow.astro
index 22b56e1..063af7d 100644
--- a/src/components/FriendLinkLow.astro
+++ b/src/components/FriendLinkLow.astro
@@ -3,16 +3,14 @@ import { Image, Picture } from "astro:assets";
 
 const { name, image, target } = Astro.props;
 ---
-<a href={`${target}`} target="_blank"><Picture src={image} width=176 height=62 alt={`${name}`} class="flex" quality="low" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="low" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;
-        min-width: 176px;
+        min-width: 88px;
         width: 176px;
-        max-width: 176px;
-        min-height: 62px;
+        min-height: 31px;
         height: 62px;
-        max-height: 62px;
         padding: 4px;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/FriendLinkLowAnimated.astro b/src/components/FriendLinkLowAnimated.astro
index a886eb0..0f9bfa1 100644
--- a/src/components/FriendLinkLowAnimated.astro
+++ b/src/components/FriendLinkLowAnimated.astro
@@ -3,16 +3,14 @@ import { Image, Picture } from "astro:assets";
 
 const { name, image, target } = Astro.props;
 ---
-<a href={`${target}`} target="_blank"><Picture src={image} width=176 height=62 alt={`${name}`} class="flex" quality="low" decoding="async" loading="lazy" formats={['webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="low" decoding="async" loading="lazy" formats={['webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;
-        min-width: 176px;
+        min-width: 88px;
         width: 176px;
-        max-width: 176px;
-        min-height: 62px;
+        min-height: 31px;
         height: 62px;
-        max-height: 62px;
         padding: 4px;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/FriendLinkMid.astro b/src/components/FriendLinkMid.astro
index 6785db3..9334fad 100644
--- a/src/components/FriendLinkMid.astro
+++ b/src/components/FriendLinkMid.astro
@@ -3,16 +3,14 @@ import { Image, Picture } from "astro:assets";
 
 const { name, image, target } = Astro.props;
 ---
-<a href={`${target}`} target="_blank"><Picture src={image} width=176 height=62 alt={`${name}`} class="flex" quality="mid" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="mid" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;
-        min-width: 176px;
+        min-width: 88px;
         width: 176px;
-        max-width: 176px;
-        min-height: 62px;
+        min-height: 31px;
         height: 62px;
-        max-height: 62px;
         padding: 4px;
     }
 </style>
\ No newline at end of file
diff --git a/src/components/FriendLinkMidAnimated.astro b/src/components/FriendLinkMidAnimated.astro
index b716c47..c39aab3 100644
--- a/src/components/FriendLinkMidAnimated.astro
+++ b/src/components/FriendLinkMidAnimated.astro
@@ -3,16 +3,14 @@ import { Image, Picture } from "astro:assets";
 
 const { name, image, target } = Astro.props;
 ---
-<a href={`${target}`} target="_blank"><Picture src={image} width=176 height=62 alt={`${name}`} class="flex" quality="mid" decoding="async" loading="lazy" formats={['webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="mid" decoding="async" loading="lazy" formats={['webp']} /></a>
 <style>
     img {
         image-rendering: pixelated;
-        min-width: 176px;
+        min-width: 88px;
         width: 176px;
-        max-width: 176px;
-        min-height: 62px;
+        min-height: 31px;
         height: 62px;
-        max-height: 62px;
         padding: 4px;
     }
 </style>
\ No newline at end of file
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 1d1cbbf..6acc6af 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -33,7 +33,7 @@ const { pageTitle, description = "Aria's little corner of the web" } = Astro.pro
             href={new URL("rss.xml", Astro.site)}
         />
     </head>
-    <body class="max-w-5xl w-full mx-auto">
+    <body>
       <NavHeader />
       <slot />
       <Footer />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 50ff531..6c172c9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -103,11 +103,11 @@ const age = seconds / 31556952;
                 image="https://erisdump.neocities.org/buttons/88x31_2.gif"
                 target="https://erisdump.neocities.org"
             />
-            <!-- <FriendLink
+            <FriendLink
                 name="Espi"
                 image="https://espi.me/img/webring/espi.png"
                 target="https://www.espi.me"
-            /> -->
+            />
             <FriendLink
                 name="Alula"
                 image="https://alula.me/webring/alula.png"
@@ -115,7 +115,7 @@ const age = seconds / 31556952;
             />
             <FriendLink
                 name="Sapphic"
-                image="https://sapphic.moe/buttons/sapphic.png"
+                image="https://sapphic.moe/buttons/friends/sapphic.png"
                 target="https://sapphic.moe/"
             />
             <FriendLink