diff --git a/src/components/AvatarCard.js b/src/components/AvatarCard.js
index c6ef1fc..d3a21a7 100644
--- a/src/components/AvatarCard.js
+++ b/src/components/AvatarCard.js
@@ -9,7 +9,7 @@ const AvatarCard = () => {
     return (
         <div className="card shadow-lg compact bg-base-100">
             <div className="grid place-items-center py-8">
-                <div className="avatar opacity-90">
+                <div className="avatar opacity-90 fade-in">
                     <div className={`mb-8 rounded-full w-32 h-32${!loading ? ' ring ring-primary ring-offset-base-100 ring-offset-2' : ''}`}>
                         {
                             loading ? (