diff --git a/packages/app/src/Components/User/ProfileImage.tsx b/packages/app/src/Components/User/ProfileImage.tsx
index ff5c21c4..38de4c05 100644
--- a/packages/app/src/Components/User/ProfileImage.tsx
+++ b/packages/app/src/Components/User/ProfileImage.tsx
@@ -108,8 +108,8 @@ export default function ProfileImage({
   function profileCard() {
     if (showProfileCard && user && isHovering) {
       return (
-        <div className="absolute shadow-lg z-10">
-          <ProfileCard pubkey={pubkey} user={user} show={true} />
+        <div className="absolute shadow-lg z-10 fade-in">
+          <ProfileCard pubkey={pubkey} user={user} show={true} delay={100} />
         </div>
       );
     }
diff --git a/packages/app/src/index.css b/packages/app/src/index.css
index 5aee52e0..997bb14e 100644
--- a/packages/app/src/index.css
+++ b/packages/app/src/index.css
@@ -761,7 +761,7 @@ button.tall {
   opacity: 1;
   animation-name: fadeInOpacity;
   animation-timing-function: ease-in;
-  animation-duration: 0.5s;
+  animation-duration: 0.3s;
 }
 
 @keyframes fadeInOpacity {