diff --git a/lib/music_library_web/components/record_components.ex b/lib/music_library_web/components/record_components.ex
index 58e6480d..8b4d2a18 100644
--- a/lib/music_library_web/components/record_components.ex
+++ b/lib/music_library_web/components/record_components.ex
@@ -396,13 +396,13 @@ defmodule MusicLibraryWeb.RecordComponents do
     end
   end
 
-  attr :colors, :list, required: true
+  attr :record, Records.Record, required: true
 
   def record_colors(assigns) do
     ~H"""
     <span class="flex items-center">
       <span
-        :for={color <- @colors}
+        :for={color <- @record.dominant_colors}
         class="inline-block w-4 h-4 mr-1"
         style={"background-color: #{color}"}
       >
diff --git a/lib/music_library_web/live/collection_live/show.ex b/lib/music_library_web/live/collection_live/show.ex
index 2c1bc275..dbf96482 100644
--- a/lib/music_library_web/live/collection_live/show.ex
+++ b/lib/music_library_web/live/collection_live/show.ex
@@ -32,7 +32,6 @@ defmodule MusicLibraryWeb.CollectionLive.Show do
   def handle_params(%{"id" => id}, _, socket) do
     record = Records.get_record!(id)
     last_listened_track = Records.get_last_listened_track(record)
-    {:ok, dominant_colors} = Records.DominantColors.extract_dominant_colors(record.cover_data)
 
     socket =
       if record.selected_release_id do
@@ -46,7 +45,6 @@ defmodule MusicLibraryWeb.CollectionLive.Show do
      |> assign(:current_section, :collection)
      |> assign(:page_title, page_title(socket.assigns.live_action, record))
      |> assign(:record, record)
-     |> assign(:dominant_colors, dominant_colors)
      |> assign(:last_listened_track, last_listened_track)}
   end
 
diff --git a/lib/music_library_web/live/collection_live/show.html.heex b/lib/music_library_web/live/collection_live/show.html.heex
index 51e3a082..36c3c069 100644
--- a/lib/music_library_web/live/collection_live/show.html.heex
+++ b/lib/music_library_web/live/collection_live/show.html.heex
@@ -17,7 +17,7 @@
           {@record.title}
         </h2>
         <p class="mt-2 flex items-center text-sm leading-5 text-zinc-500 dark:text-zinc-400">
-          <.record_colors colors={@record.dominant_colors} />
+          <.record_colors record={@record} />
           <span class="ml-1">
             {Records.Record.format_release_date(@record.release_date)} · {format_label(
               @record.format
diff --git a/lib/music_library_web/live/wishlist_live/show.ex b/lib/music_library_web/live/wishlist_live/show.ex
index 68ee14cc..c94b0f96 100644
--- a/lib/music_library_web/live/wishlist_live/show.ex
+++ b/lib/music_library_web/live/wishlist_live/show.ex
@@ -25,14 +25,12 @@ defmodule MusicLibraryWeb.WishlistLive.Show do
   @impl true
   def handle_params(%{"id" => id}, _, socket) do
     record = Records.get_record!(id)
-    {:ok, dominant_colors} = Records.DominantColors.extract_dominant_colors(record.cover_data)
 
     {:noreply,
      socket
      |> assign(:current_section, :wishlist)
      |> assign(:page_title, page_title(socket.assigns.live_action, record))
-     |> assign(:record, record)
-     |> assign(:dominant_colors, dominant_colors)}
+     |> assign(:record, record)}
   end
 
   @impl true
diff --git a/lib/music_library_web/live/wishlist_live/show.html.heex b/lib/music_library_web/live/wishlist_live/show.html.heex
index bdcb7338..27398236 100644
--- a/lib/music_library_web/live/wishlist_live/show.html.heex
+++ b/lib/music_library_web/live/wishlist_live/show.html.heex
@@ -17,7 +17,7 @@
           {@record.title}
         </h2>
         <p class="flex items-center mt-2 text-sm leading-5 text-zinc-500 dark:text-zinc-400">
-          <.record_colors colors={@record.dominant_colors} />
+          <.record_colors record={@record} />
           {Records.Record.format_release_date(@record.release_date)}
           <span :if={@current_date && !Records.Record.released?(@record, @current_date)}>
             ({gettext("Unreleased")})