From dd20aaf60d252136e0fd9d339a5a2d9ee6495ae4 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Thu, 19 Feb 2026 10:40:44 +0000
Subject: [PATCH] Replace px units

---
 lib/music_library_web/components/record_components.ex    | 4 ++--
 lib/music_library_web/live/scrobble_live/index.html.heex | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/music_library_web/components/record_components.ex b/lib/music_library_web/components/record_components.ex
index 5a8d41a2..940ed69d 100644
--- a/lib/music_library_web/components/record_components.ex
+++ b/lib/music_library_web/components/record_components.ex
@@ -449,10 +449,10 @@ defmodule MusicLibraryWeb.RecordComponents do
 
   def record_colors(assigns) do
     ~H"""
-    <span class="inline-flex items-end gap-0.5 w-[22px] h-3.5">
+    <span class="inline-flex items-end gap-0.5 w-5.5 h-3.5">
       <span
         :for={{color, i} <- Enum.with_index(@record.dominant_colors)}
-        class="w-[3px] rounded-sm animate-equalizer-bar"
+        class="w-0.75 rounded-sm animate-equalizer-bar"
         style={"background-color: #{color}; animation-delay: #{i * -0.45}s"}
       >
       </span>
diff --git a/lib/music_library_web/live/scrobble_live/index.html.heex b/lib/music_library_web/live/scrobble_live/index.html.heex
index ca5ddc67..ce476da1 100644
--- a/lib/music_library_web/live/scrobble_live/index.html.heex
+++ b/lib/music_library_web/live/scrobble_live/index.html.heex
@@ -13,7 +13,7 @@
         <h3 class="text-lg font-semibold">{gettext("Release Groups")}</h3>
         <ul class={[
           "mt-5 divide-y divide-zinc-100 dark:divide-slate-300/30",
-          "max-h-[500px] overflow-y-auto"
+          "max-h-125 overflow-y-auto"
         ]}>
           <li
             :for={release_group <- @search_results}