diff --git a/com/static/bundled/com/components/moderation-alert-index.ts b/com/static/bundled/com/components/moderation-alert-index.ts
index 1c9274dd..f2ff1806 100644
--- a/com/static/bundled/com/components/moderation-alert-index.ts
+++ b/com/static/bundled/com/components/moderation-alert-index.ts
@@ -10,6 +10,8 @@ const AlertState = {
   PUBLISHED: 2,
   // biome-ignore lint/style/useNamingConvention: this feels more like an enum
   DELETED: 3,
+  // biome-ignore lint/style/useNamingConvention: this feels more like an enum
+  DISPLAYED: 4, // When published at page generation
 };
 exportToHtml("AlertState", AlertState);
 
diff --git a/com/templates/com/macros.jinja b/com/templates/com/macros.jinja
index f3713717..1e3fb853 100644
--- a/com/templates/com/macros.jinja
+++ b/com/templates/com/macros.jinja
@@ -57,8 +57,8 @@
     {# the news-moderated is received when a moderation alert is deleted or moderated #}
     @news-moderated.window="dispatchModeration($event)"
     {% if alpineState %}
-      x-modelable="{{ alpineState }}"
-      x-model="state"
+      x-model="{{ alpineState }}"
+      x-modelable="state"
     {% endif %}
   >
     <template x-if="state === AlertState.PENDING">
diff --git a/com/templates/com/news_list.jinja b/com/templates/com/news_list.jinja
index 2ed99687..af15b20e 100644
--- a/com/templates/com/news_list.jinja
+++ b/com/templates/com/news_list.jinja
@@ -59,17 +59,15 @@
                     class="news_event"
                     {%- if not date.news.is_published -%}
                       x-data="{newsState: AlertState.PENDING}"
+                    {% else %}
+                      x-data="{newsState: AlertState.DISPLAYED}"
                     {%- endif -%}
                   >
-                    {% if not date.news.is_published %}
-                      {# if a non published news is in the object list,
-                      the logged user is either an admin or the news author #}
-                      {{ news_moderation_alert(date.news, user, "newsState") }}
-                    {% endif %}
+                    {# if a non published news is in the object list,
+                    the logged user is either an admin or the news author #}
+                    {{ news_moderation_alert(date.news, user, "newsState") }}
                     <div
-                      {% if not date.news.is_published -%}
-                        x-show="newsState !== AlertState.DELETED"
-                      {%- endif -%}
+                      x-show="newsState !== AlertState.DELETED"
                     >
                       <header class="row gap">
                         {% if date.news.club.logo %}
@@ -191,7 +189,7 @@
                                 $refs.calendar.refreshEvents($event);
                                 }
                                "
-        @calendar-remove="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.DELETED})"
+        @calendar-delete="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.DELETED})"
         @calendar-unpublish="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.PENDING})"
         @calendar-publish="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.PUBLISHED})"
         locale="{{ get_language() }}"