diff --git a/assets/chat/css/chat/event-bar/_event-bar-event.scss b/assets/chat/css/chat/event-bar/_event-bar-event.scss
index e91babda..37bb53f2 100644
--- a/assets/chat/css/chat/event-bar/_event-bar-event.scss
+++ b/assets/chat/css/chat/event-bar/_event-bar-event.scss
@@ -102,13 +102,15 @@
     transform: scale(1.05);
   }
 
-  &.removed {
-    animation: event-bar-disappear 500ms linear;
-  }
-
+  // Ensure `removed` can override `enter` because `enter` is not removed from
+  // the event after the animation completes.
   &.enter {
     animation: event-bar-appear 500ms linear;
   }
+
+  &.removed {
+    animation: event-bar-disappear 500ms linear;
+  }
 }
 
 @keyframes event-bar-appear {