diff --git a/packages/app/src/Element/Timeline.tsx b/packages/app/src/Element/Timeline.tsx
index 67904722..7c957a8c 100644
--- a/packages/app/src/Element/Timeline.tsx
+++ b/packages/app/src/Element/Timeline.tsx
@@ -69,7 +69,7 @@ export default function Timeline({
   function eventElement(e: TaggedRawEvent) {
     switch (e.kind) {
       case EventKind.SetMetadata: {
-        return <ProfilePreview pubkey={e.pubkey} className="card" />;
+        return <ProfilePreview actions={null} pubkey={e.pubkey} className="card" />;
       }
       case EventKind.TextNote: {
         return <Note key={e.id} data={e} related={related.notes} ignoreModeration={ignoreModeration} />;
@@ -108,7 +108,7 @@ export default function Timeline({
             <ArrowUp />
           </div>
           {!inView && (
-            <div className="card latest-notes latest-notes-fixed pointer" onClick={() => onShowLatest(true)}>
+            <div className="card latest-notes latest-notes-fixed pointer fade-in" onClick={() => onShowLatest(true)}>
               {latestAuthors.slice(0, 3).map(p => {
                 return <ProfileImage pubkey={p} showUsername={false} linkToProfile={false} />;
               })}
diff --git a/packages/app/src/index.css b/packages/app/src/index.css
index cbb83a70..a7baf00a 100644
--- a/packages/app/src/index.css
+++ b/packages/app/src/index.css
@@ -589,3 +589,25 @@ button.tall {
   display: flex;
   justify-content: flex-end;
 }
+
+.align-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.fade-in {
+  opacity: 1;
+  animation-name: fadeInOpacity;
+  animation-timing-function: ease-in;
+  animation-duration: 1s;
+}
+
+@keyframes fadeInOpacity {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}