diff --git a/src/pages/friends.astro b/src/pages/friends.astro
index fc8bcdc02..ac6dde79e 100644
--- a/src/pages/friends.astro
+++ b/src/pages/friends.astro
@@ -46,11 +46,12 @@ const friends = Object.values(
 <style>
     .friend-card {
         @apply flex flex-col gap-1 p-4 rounded-lg bg-[var(--card-bg)] border border-black/10 dark:border-white/10 hover:border-black/20 dark:hover:border-white/20 hover:bg-black/5 dark:hover:bg-white/5;
-        transition-property: all;
+        transition-property: background-color, border-color, scale;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 0.15s;
         backdrop-filter: blur(12px);
         -webkit-backdrop-filter: blur(12px);
+        transform: translateZ(0);
     }
     
     .friend-card:active {