diff --git a/app/assets/stylesheets/popup.css b/app/assets/stylesheets/popup.css
index 46a15941d..75ef7f5d3 100644
--- a/app/assets/stylesheets/popup.css
+++ b/app/assets/stylesheets/popup.css
@@ -122,6 +122,12 @@
   }
 
   .popup__list {
+    display: flex;
+    flex-direction: column;
+    inline-size: 100%;
+    margin: 0;
+    max-inline-size: 100%;
+    padding: 0;
     row-gap: 2px;
   }
 
diff --git a/app/views/cards/assignments/new.html.erb b/app/views/cards/assignments/new.html.erb
index a5abad19c..9ab019cac 100644
--- a/app/views/cards/assignments/new.html.erb
+++ b/app/views/cards/assignments/new.html.erb
@@ -12,7 +12,7 @@
 						type: "search", autocorrect: "off", autocomplete: "off", data: { "1p-ignore": "true", filter_target: "input", action: "input->filter#filter" } %>
     <% end %>
 
-    <ul class="flex flex-column full-width popup__list margin-none unpad max-width" data-filter-target="list">
+    <ul class="popup__list" data-filter-target="list">
       <% @collection.users.active.alphabetically.each do |user| %>
         <li class="popup__group flex align-center full-width" data-value="<%= user.name.downcase %>" data-filter-target="item" data-navigable-list-target="item">
           <%= button_to card_assignments_path(@card, params: { assignee_id: user.id }), method: :post,
diff --git a/app/views/cards/display/perma/_collection.html.erb b/app/views/cards/display/perma/_collection.html.erb
index d418dffca..6e85e79c6 100644
--- a/app/views/cards/display/perma/_collection.html.erb
+++ b/app/views/cards/display/perma/_collection.html.erb
@@ -19,7 +19,7 @@
               type: "search", autocorrect: "off", autocomplete: "off", data: { "1p-ignore": "true", filter_target: "input", action: "input->filter#filter" } %>
         <% end %>
 
-        <ul class="flex flex-column full-width popup__list margin-block-start-half margin-none-inline margin-none-block-end unpad max-width" data-filter-target="list">
+        <ul class="popup__list margin-block-start-half margin-none-block-end" data-filter-target="list">
           <% Current.user.collections.alphabetically.each do |collection| %>
             <li class="popup__group flex align-center full-width" data-value="<%= collection.name.downcase %>" data-filter-target="item" data-navigable-list-target="item">
               <%= button_to card_collection_path(card, params: { collection_id: collection.id }), method: :patch,
diff --git a/app/views/cards/index/_closure_filter.html.erb b/app/views/cards/index/_closure_filter.html.erb
index 7615725be..258e20d4a 100644
--- a/app/views/cards/index/_closure_filter.html.erb
+++ b/app/views/cards/index/_closure_filter.html.erb
@@ -7,7 +7,7 @@
     aria-label="Closed with reason…" aria-description="Closed with reason…"
     data-dialog-target="dialog" data-action="turbo:before-cache@document->dialog#close">
     <strong class="popup__title margin-block-start-half pad-inline-half">Closed with reason…</strong>
-    <%= form_with url: cards_path, method: :get, class: "flex flex-column full-width popup__list",
+    <%= form_with url: cards_path, method: :get, class: "popup__list",
           data: { controller: "form" } do |form| %>
       <% filter.as_params.except(:closure_reason_ids).each do |key, value| %>
         <%= filter_hidden_field_tag key, value %>
diff --git a/app/views/cards/index/_collections_filter.html.erb b/app/views/cards/index/_collections_filter.html.erb
index 686c9e6df..263c64a5c 100644
--- a/app/views/cards/index/_collections_filter.html.erb
+++ b/app/views/cards/index/_collections_filter.html.erb
@@ -1,4 +1,4 @@
-<%= form_with url: cards_path, method: :get, class: "flex flex-column max-width popup__list full-width",
+<%= form_with url: cards_path, method: :get, class: "popup__list",
       data: { controller: "form" } do |form| %>
   <% filter.as_params.except(:collection_ids).each do |key, value| %>
     <%= filter_hidden_field_tag key, value %>
diff --git a/app/views/cards/index/_header.html.erb b/app/views/cards/index/_header.html.erb
index b457b17ee..7f4d0f08c 100644
--- a/app/views/cards/index/_header.html.erb
+++ b/app/views/cards/index/_header.html.erb
@@ -30,20 +30,20 @@
         <%= render "events/filter/header" %>
         <% if Current.user.collections.many? %>
           <strong class="popup__group-title">Collections</strong>
-          <menu contents>
+          <ul class="popup__list">
             <%= render "cards/index/collections_filter", filter: filter %>
-          </menu>
+          </ul>
         <% end %>
 
         <strong class="popup__group-title">Tags</strong>
-        <div class="flex flex-column max-width popup__list full-width">
+        <ul class="popup__list">
           <%= render partial: "events/filter/tag", collection: Tag.all.alphabetically, as: :tag %>
-        </div>
+        </ul>
 
         <strong class="popup__group-title">People</strong>
-        <div class="flex flex-column max-width popup__list full-width">
+        <ul class="popup__list">
           <%= render partial: "events/filter/user", collection: User.active.alphabetically, as: :user %>
-        </div>
+        </ul>
 
         <% if platform.desktop? %>
           <footer class="popup__footer">
diff --git a/app/views/cards/index/_workflow_filter.html.erb b/app/views/cards/index/_workflow_filter.html.erb
index a1b836817..49f2cc31b 100644
--- a/app/views/cards/index/_workflow_filter.html.erb
+++ b/app/views/cards/index/_workflow_filter.html.erb
@@ -11,7 +11,7 @@
     aria-label="In stage…" aria-description="In stage…"
     data-dialog-target="dialog" data-action="turbo:before-cache@document->dialog#close">
     <strong class="popup__title margin-block-start-half pad-inline-half">In stage(s)…</strong>
-    <%= form_with url: cards_path, method: :get, class: "flex flex-column full-width popup__list",
+    <%= form_with url: cards_path, method: :get, class: "popup__list",
           data: { controller: "form" } do |form| %>
       <% filter.as_params.except(:stage_ids).each do |key, value| %>
         <%= filter_hidden_field_tag key, value %>
diff --git a/app/views/cards/show/_collections.html.erb b/app/views/cards/show/_collections.html.erb
index 66ad73dda..e5de5af91 100644
--- a/app/views/cards/show/_collections.html.erb
+++ b/app/views/cards/show/_collections.html.erb
@@ -1,5 +1,5 @@
 <strong class="popup__group-title">Collections</strong>
-<%= form_with url: cards_path, method: :get, class: "flex flex-column max-width popup__list full-width",
+<%= form_with url: cards_path, method: :get, class: "popup__list",
       data: { controller: "form" } do |form| %>
   <% if Current.user.collections.one? %>
     <%= link_to cards_path, class: "popup__group flex align-center", data: { value: Current.user.collections.first.name.downcase, filter_target: "item", navigable_list_target: "item" } do %>
diff --git a/app/views/cards/show/_header.html.erb b/app/views/cards/show/_header.html.erb
index 9582deaee..9689a4608 100644
--- a/app/views/cards/show/_header.html.erb
+++ b/app/views/cards/show/_header.html.erb
@@ -25,17 +25,17 @@
               type: "search", autocorrect: "off", autocomplete: "off", data: { "1p-ignore": "true", filter_target: "input", action: "input->filter#filter" } %>
         <%= render "events/filter/header" %>
         <% if Current.user.collections.many? %>
-          <menu contents>
+          <ul class="popup__list">
             <%= render "cards/show/collections" %>
-          </menu>
+          </ul>
         <% end %>
         <strong class="popup__group-title">Tags</strong>
-        <div class="flex flex-column max-width popup__list full-width">
+        <div class="popup__list">
           <%= render partial: "events/filter/tag", collection: Tag.all.alphabetically, as: :tag %>
         </div>
 
         <strong class="popup__group-title">People</strong>
-        <div class="flex flex-column max-width popup__list full-width">
+        <div class="popup__list">
           <%= render partial: "events/filter/user", collection: User.active.alphabetically, as: :user %>
         </div>
 
diff --git a/app/views/cards/taggings/new.html.erb b/app/views/cards/taggings/new.html.erb
index ca0d0520b..2f4870998 100644
--- a/app/views/cards/taggings/new.html.erb
+++ b/app/views/cards/taggings/new.html.erb
@@ -13,7 +13,7 @@
             autocomplete: "off", data: { filter_target: "input", action: "input->filter#filter" } %>
     <% end %>
 
-    <ul class="flex flex-column full-width popup__list margin-none unpad max-width" data-filter-target="list">
+    <ul class="popup__list" data-filter-target="list">
       <% @tags.each do |tag| %>
         <li class="popup__group flex align-center full-width" data-value="<%= tag.hashtag.downcase %>" data-filter-target="item" data-navigable-list-target="item">
           <%= button_to card_taggings_path(@card, params: { tag_title: tag.title }), method: :post,
diff --git a/app/views/events/_filter.html.erb b/app/views/events/_filter.html.erb
index 7902655ed..a7d081afc 100644
--- a/app/views/events/_filter.html.erb
+++ b/app/views/events/_filter.html.erb
@@ -26,24 +26,24 @@
 		<%= render "events/filter/header" %>
 
 		<strong class="popup__group-title">Collections</strong>
-		<%= form_with url: events_path, method: :get, class: "flex flex-column max-width popup__list full-width",
+		<%= form_with url: events_path, method: :get, class: "popup__list",
 					data: { controller: "form" } do |form| %>
 			<% if Current.user.collections.many? %>
-				<menu contents>
+				<ul class="popup__list">
 					<%= render "events/filter/custom_collections" %>
 					<%= render "events/filter/all_collections_option", form: form, filter: filter %>
 					<%= render partial: "events/filter/collection_option", collection: Current.user.collections.alphabetically, as: :collection, locals: { form: form, filter: filter } %>
-				</menu>
+				</ul>
 			<% end %>
 		<% end %>
 
 		<strong class="popup__group-title">Tags</strong>
-		<div class="flex flex-column max-width popup__list full-width">
+		<div class="popup__list">
 			<%= render partial: "events/filter/tag", collection: Tag.all.alphabetically, as: :tag %>
 		</div>
 
 		<strong class="popup__group-title">People</strong>
-		<div class="flex flex-column max-width popup__list full-width">
+		<div class="popup__list">
 			<%= render partial: "events/filter/user", collection: User.active.alphabetically, as: :user %>
 		</div>
 
diff --git a/app/views/events/filter/_custom_collections.html.erb b/app/views/events/filter/_custom_collections.html.erb
index 591d6fdfa..26dad7da2 100644
--- a/app/views/events/filter/_custom_collections.html.erb
+++ b/app/views/events/filter/_custom_collections.html.erb
@@ -1,4 +1,4 @@
-<div class="flex flex-column max-width popup__list full-width">
+<div class="popup__list">
   <% @filters.each do |filter| %>
     <div class="popup__group flex align-center full-width gap-half overflow-ellipsis" data-filter-target="item" data-navigable-list-target="item">
       <%= link_to cards_path(**filter.as_params), class: "btn popup__new popup__item" do %>
diff --git a/app/views/filters/_assignees.html.erb b/app/views/filters/_assignees.html.erb
index eb2eca270..2b4d684ee 100644
--- a/app/views/filters/_assignees.html.erb
+++ b/app/views/filters/_assignees.html.erb
@@ -14,7 +14,7 @@
 
     <dialog class="events__popup popup panel flex-column align-start gap-half fill-white shadow" data-dialog-target="dialog" data-action="turbo:before-cache@document->dialog#close">
       <strong class="popup__title margin-block-start-half pad-inline-half overflow-ellipsis">Assigned to…</strong>
-      <%= form_with url: cards_path, method: :get, class: "flex flex-column full-width popup__list",
+      <%= form_with url: cards_path, method: :get, class: "popup__list",
             data: { controller: "form" } do |form| %>
         <% filter.as_params.except(:assignee_ids, :assignment_status).each do |key, value| %>
           <%= filter_hidden_field_tag key, value %>
diff --git a/app/views/filters/_creators.html.erb b/app/views/filters/_creators.html.erb
index d6dbd31fa..5c9e48b83 100644
--- a/app/views/filters/_creators.html.erb
+++ b/app/views/filters/_creators.html.erb
@@ -15,7 +15,7 @@
         aria-label="Added by…" aria-description="Added by…"
         data-dialog-target="dialog" data-action="turbo:before-cache@document->dialog#close">
       <strong class="popup__title margin-block-start-half pad-inline-half">Added by…</strong>
-      <%= form_with url: cards_path, method: :get, class: "flex flex-column full-width popup__list",
+      <%= form_with url: cards_path, method: :get, class: "popup__list",
             data: { controller: "form" } do |form| %>
         <% filter.as_params.except(:creator_ids).each do |key, value| %>
           <%= filter_hidden_field_tag key, value %>
diff --git a/app/views/filters/_indexed_by.html.erb b/app/views/filters/_indexed_by.html.erb
index b05f41557..bc87053b5 100644
--- a/app/views/filters/_indexed_by.html.erb
+++ b/app/views/filters/_indexed_by.html.erb
@@ -10,7 +10,7 @@
         aria-label="Sort by…" aria-description="Sort by…"
         data-dialog-target="dialog" data-action="turbo:before-cache@document->dialog#close">
       <strong class="popup__title margin-block-start-half pad-inline-half">Sort by…</strong>
-      <%= form_with url: cards_path, method: :get, class: "flex flex-column full-width popup__list",
+      <%= form_with url: cards_path, method: :get, class: "popup__list",
             data: { controller: "form" } do |form| %>
         <% filter.as_params.except(:indexed_by).each do |key, value| %>
           <%= filter_hidden_field_tag key, value %>
diff --git a/app/views/filters/_stages.html.erb b/app/views/filters/_stages.html.erb
index d20e8fc86..db44cbd32 100644
--- a/app/views/filters/_stages.html.erb
+++ b/app/views/filters/_stages.html.erb
@@ -14,7 +14,7 @@
         aria-label="In stage…" aria-description="In stage…"
         data-dialog-target="dialog" data-action="turbo:before-cache@document->dialog#close">
       <strong class="popup__title margin-block-start-half pad-inline-half overflow-ellipsis">In stage…</strong>
-      <%= form_with url: cards_path, method: :get, class: "flex flex-column full-width popup__list",
+      <%= form_with url: cards_path, method: :get, class: "popup__list",
             data: { controller: "form" } do |form| %>
         <% filter.as_params.except(:stage_ids).each do |key, value| %>
           <%= filter_hidden_field_tag key, value %>
diff --git a/app/views/filters/_tags.html.erb b/app/views/filters/_tags.html.erb
index 3a9b35e6e..b3b964784 100644
--- a/app/views/filters/_tags.html.erb
+++ b/app/views/filters/_tags.html.erb
@@ -12,7 +12,7 @@
 
     <dialog class="events__popup popup panel flex-column align-start gap-half fill-white shadow" data-dialog-target="dialog" data-action="turbo:before-cache@document->dialog#close">
       <strong class="popup__title margin-block-start-half pad-inline-half overflow-ellipsis">Tagged…</strong>
-      <%= form_with url: cards_path, method: :get, class: "flex flex-column full-width popup__list",
+      <%= form_with url: cards_path, method: :get, class: "popup__list",
             data: { controller: "form" } do |form| %>
         <% filter.as_params.except(:tag_ids).each do |key, value| %>
           <%= filter_hidden_field_tag key, value %>