diff --git a/src/app.css b/src/app.css
index 9af5af0b..b766d414 100644
--- a/src/app.css
+++ b/src/app.css
@@ -645,6 +645,16 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
     var(--bg-faded-color)
   );
 }
+@keyframes summary-fade {
+  0% {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 .timeline.contextual > li .replies[open] > .replies-summary {
   border-bottom-left-radius: 0;
 
@@ -659,6 +669,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   .replies-summary-chevron {
     transform: rotate(180deg);
   }
+
+  + * {
+    animation: summary-fade 0.3s ease-out both;
+  }
 }
 .timeline.contextual > li .replies .replies-summary[hidden] {
   display: none;