diff --git a/app/views/cards/index.html.erb b/app/views/cards/index.html.erb
index 997ec7a30..33a2d752e 100644
--- a/app/views/cards/index.html.erb
+++ b/app/views/cards/index.html.erb
@@ -6,8 +6,8 @@
   <%= render "cards/index/header", filter: @filter %>
 <% end %>
 
-<header class="margin-block-end" style="view-transistion-name: card-colleciton-title">
-  <span class="txt-large overflow-ellipsis margin-none font-black">
+<header class="margin-block-end">
+  <span class="txt-large overflow-ellipsis margin-none font-black" style="view-transistion-name: card-collection-title">
     <span><%= filter_title @filter %></span>
   </span>
   <%= render "filters/settings", filter: @filter %>
diff --git a/app/views/cards/show.html.erb b/app/views/cards/show.html.erb
index d4829446c..f8d83cfb0 100644
--- a/app/views/cards/show.html.erb
+++ b/app/views/cards/show.html.erb
@@ -30,7 +30,7 @@
 <% end %>
 
 <header class="card-perma__collection-header">
-  <%= link_to cards_path(collection_ids: [ @card.collection ]), class: "txt-large overflow-ellipsis margin-none txt-ink", style: "view-transistion-name: card-colleciton-title" do %>
+  <%= link_to cards_path(collection_ids: [ @card.collection ]), class: "txt-large overflow-ellipsis margin-none txt-ink", style: "view-transistion-name: card-collection-title" do %>
     &larr; <strong class="font-black"><%= @card.collection.name %></strong>
   <% end %>
 </header>