diff --git a/app/views/boards/show/_closed.html.erb b/app/views/boards/show/_closed.html.erb
index 3d1b40322..f2c315e5a 100644
--- a/app/views/boards/show/_closed.html.erb
+++ b/app/views/boards/show/_closed.html.erb
@@ -8,7 +8,7 @@
   data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle focus->collapsible-columns#focusOnColumn"
   data-drag-and-drop-url="<%= columns_card_drops_closure_path("__id__") %>"
 >
-  <div class="cards__transition-container" data-controller="navigable-list" data-navigable-list-support-horizontal-navigation-value="false" data-navigable-list-prevent-handled-keys-value="true" data-navigable-list-auto-select-value="false" data-action="keydown->navigable-list#navigate">
+  <div class="cards__transition-container" data-controller="navigable-list" data-navigable-list-support-horizontal-navigation-value="false" data-navigable-list-prevent-handled-keys-value="true" data-navigable-list-auto-select-value="false" data-navigable-list-actionable-items-value="true" data-action="keydown->navigable-list#navigate">
     <header class="cards__header">
       <%= render "boards/show/expander", title: "Done", count: board.cards.closed.count, column_id: "closed-cards" %>
       <%= render "boards/show/menu/maximize", column_path: board_columns_closed_path(board) %>
diff --git a/app/views/boards/show/_column.html.erb b/app/views/boards/show/_column.html.erb
index 2a2fa9ccc..e1b26a751 100644
--- a/app/views/boards/show/_column.html.erb
+++ b/app/views/boards/show/_column.html.erb
@@ -10,7 +10,7 @@
   data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle turbo:before-stream-render@document->collapsible-columns#restoreState focus->collapsible-columns#focusOnColumn"
   data-drag-and-drop-url="<%= columns_card_drops_column_path("__id__", column_id: column.id) %>"
 >
-  <div class="cards__transition-container" data-controller="navigable-list" data-navigable-list-support-horizontal-navigation-value="false" data-navigable-list-prevent-handled-keys-value="true" data-navigable-list-auto-select-value="false" data-action="keydown->navigable-list#navigate">
+  <div class="cards__transition-container" data-controller="navigable-list" data-navigable-list-support-horizontal-navigation-value="false" data-navigable-list-prevent-handled-keys-value="true" data-navigable-list-auto-select-value="false" data-navigable-list-actionable-items-value="true" data-action="keydown->navigable-list#navigate">
     <header class="cards__header">
       <%= render "boards/show/menu/column", column: column %>
       <%= render "boards/show/expander", title: column.name, count: column.cards.active.count, column_id: dom_id(column) %>
diff --git a/app/views/boards/show/_not_now.html.erb b/app/views/boards/show/_not_now.html.erb
index 43cbd60ea..2470dcdae 100644
--- a/app/views/boards/show/_not_now.html.erb
+++ b/app/views/boards/show/_not_now.html.erb
@@ -8,7 +8,7 @@
   data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle focus->collapsible-columns#focusOnColumn"
   data-drag-and-drop-url="<%= columns_card_drops_not_now_path("__id__") %>"
 >
-  <div class="cards__transition-container" data-controller="navigable-list" data-navigable-list-support-horizontal-navigation-value="false" data-navigable-list-prevent-handled-keys-value="true" data-navigable-list-auto-select-value="false" data-action="keydown->navigable-list#navigate">
+  <div class="cards__transition-container" data-controller="navigable-list" data-navigable-list-support-horizontal-navigation-value="false" data-navigable-list-prevent-handled-keys-value="true" data-navigable-list-auto-select-value="false" data-navigable-list-actionable-items-value="true" data-action="keydown->navigable-list#navigate">
     <header class="cards__header">
       <%= render "boards/show/expander", title: "Not Now", count: board.cards.postponed.count, column_id: "not-now" %>
       <%= render "boards/show/menu/maximize", column_path: board_columns_not_now_path(board) %>
diff --git a/app/views/boards/show/_stream.html.erb b/app/views/boards/show/_stream.html.erb
index 2fd4c27bf..036e18868 100644
--- a/app/views/boards/show/_stream.html.erb
+++ b/app/views/boards/show/_stream.html.erb
@@ -6,7 +6,7 @@
   data-action="turbo:before-morph-attribute->collapsible-columns#preventToggle"
   data-drag-and-drop-url="<%= columns_card_drops_stream_path("__id__") %>"
   aria-selected="true">
-  <div class="cards__transition-container" data-controller="navigable-list" data-navigable-list-support-horizontal-navigation-value="false" data-navigable-list-prevent-handled-keys-value="true" data-navigable-list-auto-select-value="false" data-action="keydown->navigable-list#navigate">
+  <div class="cards__transition-container" data-controller="navigable-list" data-navigable-list-support-horizontal-navigation-value="false" data-navigable-list-prevent-handled-keys-value="true" data-navigable-list-auto-select-value="false" data-navigable-list-actionable-items-value="true" data-action="keydown->navigable-list#navigate">
     <header class="cards__header">
       <div class="cards__expander">
         <h2 class="cards__expander-title" data-collapsible-columns-target="title">Maybe?</h2>
diff --git a/app/views/cards/display/_preview.html.erb b/app/views/cards/display/_preview.html.erb
index 91adda1db..9c7824b01 100644
--- a/app/views/cards/display/_preview.html.erb
+++ b/app/views/cards/display/_preview.html.erb
@@ -2,6 +2,10 @@
 
 <%= card_article_tag card, class: "card", draggable: draggable, data: { id: card.number, drag_and_drop_target: "item", navigable_list_target: "item" }, tabindex: 0 do %>
   <div class="flex flex-column flex-item-grow max-inline-size">
+    <%= link_to card_path(card), draggable: false, class: "card__link", title: card_title_tag(card), data: { action: "dialog#close", turbo_frame: "_top" } do %>
+      <span class="for-screen-reader"><%= card.title %></span>
+    <% end %>
+
     <header class="card__header">
       <%= render "cards/display/preview/board", card: card %>
       <%= render "cards/display/preview/tags", card: card %>
@@ -31,10 +35,6 @@
     <%= render "cards/display/common/background", card: card %>
   </footer>
 
-  <%= link_to card_path(card), draggable: false, class: "card__link", title: card_title_tag(card), data: { action: "dialog#close", turbo_frame: "_top" } do %>
-    <span class="for-screen-reader"><%= card.title %></span>
-  <% end %>
-
   <% if card.entropic? %>
     <%= render "cards/display/preview/bubble", card: card %>
   <% end %>