diff --git a/app/assets/stylesheets/events.css b/app/assets/stylesheets/events.css
index e4a74f0d4..845987fb5 100644
--- a/app/assets/stylesheets/events.css
+++ b/app/assets/stylesheets/events.css
@@ -11,8 +11,6 @@
     --column-gap: clamp(var(--inline-space), 3cqmin, calc(var(--inline-space) * 3));
     --grid-lines: 0.1rem;
 
-    display: grid;
-    grid-template-columns: 1fr 5fr 1fr;
     margin: auto;
   }
 
diff --git a/app/assets/stylesheets/popup.css b/app/assets/stylesheets/popup.css
index 0ffde9dc2..9cf88b064 100644
--- a/app/assets/stylesheets/popup.css
+++ b/app/assets/stylesheets/popup.css
@@ -88,6 +88,16 @@
     row-gap: 2px;
   }
 
+  .popup__new {
+    --btn-icon-size: 1em;
+
+    .icon {
+      margin-inline-end: 0.5em;
+    }
+    
+    padding-inline-start: var(--inline-space-half);
+  }
+
   .popup__title {
     font-weight: 800;
   }
diff --git a/app/views/events/_filter.html.erb b/app/views/events/_filter.html.erb
index 0b0a41550..5b8f3f253 100644
--- a/app/views/events/_filter.html.erb
+++ b/app/views/events/_filter.html.erb
@@ -19,6 +19,14 @@
 		<%= form_with url: events_path, method: :get, class: "flex flex-column full-width popup__list",
 					data: { controller: "form" } do |form| %>
 			<%#= link_to "Show everything", events_path(clear_filter: true), class: "btn popup__item txt-nowrap" %>
+			<div class="popup__group flex align-center full-width gap-half overflow-ellipsis">
+				<%= link_to new_collection_path, class: "btn popup__new popup__item", style: "view-transition-name: new-collection" do %>
+					<%= icon_tag "add" %>
+					<span>Add a new collection</span>
+				<% end %>
+			</div>
+			<hr class="full-width separator--horizontal" style="--border-color: transparent;">
+
 			<% @collections.each do |collection| %>
 				<div class="popup__group flex align-center full-width gap-half overflow-ellipsis">
 					<div class="btn txt-xx-small">
diff --git a/app/views/events/index.html.erb b/app/views/events/index.html.erb
index 8bcd35e80..ff113b77b 100644
--- a/app/views/events/index.html.erb
+++ b/app/views/events/index.html.erb
@@ -17,36 +17,10 @@
 <% end %>
 
 <div class="events__container align-start gap">
-  <div class="txt-align-start">
-    <h2 class="txt-normal txt-uppercase txt-nowrap">Custom views</h2>
-    <div style="border-block-start: 1px solid var(--color-subtle); padding-block-start: var(--block-space-half);">
-      <% @filters.each do |filter| %>
-        <h3 class="txt-small margin-block-end-half txt-tight-lines">
-          <%= link_to filter.summary, cards_path(**filter.as_params) %>
-        </h3>
-      <% end %>
-    </div>
-  </div>
   <div class="flex flex-column">
     <div id="activity" class="events__index flex flex-column">
       <%= render "events/day", activity_day: @activity_day, next_day: @next_day, events: @events %>
     </div>
     <%= event_next_page_link(@next_day) %>
   </div>
-
-  <div class="txt-align-start">
-    <div class="flex align-start gap min-width" >
-      <h2 class="txt-normal txt-uppercase overflow-ellipsis">Collections</h2>
-      <%= link_to new_collection_path, class: "btn txt-xx-small flex-item-justify-end flex-item-no-shrink", style: "view-transition-name: new-collection" do %>
-        <%= icon_tag "add" %>
-        <span class="for-screen-reader">New</span>
-      <% end %>
-    </div>
-
-    <div style="border-block-start: 1px solid var(--color-subtle); padding-block-start: var(--block-space-half);">
-      <% @collections.each do |collection| %>
-        <h3 class="txt-small margin-block-end-half txt-tight-lines"><%= link_to collection.name, cards_path(collection_ids: [ collection ]) %></h3>
-      <% end %>
-    </div>
-  </div>
 </div>