diff --git a/lib/music_library_web/live/record_live/show.html.heex b/lib/music_library_web/live/record_live/show.html.heex
index 5dd947dc..8559528e 100644
--- a/lib/music_library_web/live/record_live/show.html.heex
+++ b/lib/music_library_web/live/record_live/show.html.heex
@@ -6,7 +6,7 @@
       <.button>Edit Metadata</.button>
     </.link>
     <.link phx-click={JS.push("delete", value: %{id: @record.id})} data-confirm="Are you sure?">
-      <.button class="bg-red-900 hover:bg-red-700">Delete record</.button>
+      <.button class="!bg-red-900 hover:!bg-red-700">Delete record</.button>
     </.link>
   </:actions>
 </.header>