diff --git a/lib/music_library_web/live/record_live/index.html.heex b/lib/music_library_web/live/record_live/index.html.heex
index 3dd6db5f..ab248759 100644
--- a/lib/music_library_web/live/record_live/index.html.heex
+++ b/lib/music_library_web/live/record_live/index.html.heex
@@ -13,13 +13,13 @@
   row_click={fn {_id, record} -> JS.navigate(~p"/records/#{record}") end}
 >
   <:col :let={{_id, record}} label="Type"><%= record.type %></:col>
+  <:col :let={{_id, record}} label="Image">
+    <img class="max-w-16" src={record.image} alt={record.title} />
+  </:col>
   <:col :let={{_id, record}} label="Title"><%= record.title %></:col>
   <:col :let={{_id, record}} label="Musicbrainz"><%= record.musicbrainz_id %></:col>
   <:col :let={{_id, record}} label="Year"><%= record.year %></:col>
   <:col :let={{_id, record}} label="Genres"><%= Enum.join(record.genres, ",") %></:col>
-  <:col :let={{_id, record}} label="Image">
-    <img src={record.image} alt={record.title} />
-  </:col>
   <:action :let={{_id, record}}>
     <div class="sr-only">
       <.link navigate={~p"/records/#{record}"}>Show</.link>