diff --git a/index.html b/index.html
index c623941..24beefb 100644
--- a/index.html
+++ b/index.html
@@ -175,15 +175,15 @@
         </div>
     </main>
 
-    <footer class="absolute bottom-4 left-0 right-0 text-center text-slate-500 text-sm z-10">
+    <footer class="absolute bottom-4 left-0 right-0 text-center text-slate-500 text-sm z-10 flex items-center justify-center gap-2 flex-wrap px-4">
         <a href="https://blog.4ev.link" target="_blank" class="hover:text-slate-300 transition-colors">Blog</a>
         &bull;
         <a href="/acceptable-use" class="hover:text-slate-300 transition-colors">Acceptable Use</a>
         &bull;
-        <span class="inline-flex items-center gap-1 px-2 py-0.5 bg-sky-50 border border-sky-200 text-sky-700 rounded-md hover:bg-sky-100 transition-colors">
-            <i data-lucide="mail" class="w-3 h-3"></i>
-            <a href="mailto:hey@4ev.link" class="hover:text-sky-800 transition-colors">hey@4ev.link</a>
-        </span>
+        <a href="mailto:hey@4ev.link" class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-slate-800/50 border border-slate-700 hover:border-slate-600 transition-colors">
+            <i data-lucide="mail" class="w-3.5 h-3.5"></i>
+            <span class="text-[11px]">hey@4ev.link</span>
+        </a>
     </footer>
 
     <style>