diff --git a/app/views/events/_event.html.erb b/app/views/events/_event.html.erb
index b8356da97..20bdacf1d 100644
--- a/app/views/events/_event.html.erb
+++ b/app/views/events/_event.html.erb
@@ -1,7 +1,7 @@
 <% bubble = event.summary.bubble %>
 
 <%= link_to bucket_bubble_path(bubble.bucket, bubble),
-      class: "event panel shadow center flex-inline align-center justify-start gap position-relative",
+      class: "event panel shadow center center-block flex-inline align-center justify-start gap position-relative",
       style: "grid-column-start: #{ event_column(event) }; --panel-border-radius: 0.7em; --panel-padding: 0.3em 0.6em; --panel-size: auto; --bubble-color: #{ bubble.color }; #{ bubble_rotation(bubble) }",
       data: { controller: "animation", animation_play_class: "bubble--wobble", animation_play_on_load_value: "true", action: "mouseover->animation#play", timeline_target: "item", datetime: event.created_at.iso8601 } do %>
   <div class="bubble__shape flex-item-no-shrink txt-large"></div>