diff --git a/src/components/status.css b/src/components/status.css
index b202f8ac..9c16ecab 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -1218,6 +1218,28 @@ a.card:is(:hover, :focus) {
 .status-badge .pin {
   color: var(--red-color);
 }
+@keyframes swoosh-from-right {
+  0% {
+    opacity: 0;
+    transform: translateX(300%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+.status-badge > * {
+  animation: swoosh-from-right 1s cubic-bezier(0.51, 0.28, 0.16, 1.26) both;
+}
+.status-badge > *:nth-child(2) {
+  animation-delay: 0.1s;
+}
+.status-badge > *:nth-child(3) {
+  animation-delay: 0.2s;
+}
+.status-badge > *:nth-child(4) {
+  animation-delay: 0.3s;
+}
 
 /* MISC */