Add canonical_tailwind to get correct formatting for tailwind classes

lib/music_library_web/live/collection_live/index.ex

@@ -22,8 +22,8 @@ defmodule MusicLibraryWeb.CollectionLive.Index do
   def render(assigns) do
     ~H"""
     <Layouts.app flash={@flash} current_section={@current_section} socket={@socket}>
-      <header class="gap-6 mb-2">
-        <div class="flex items-center justify-between gap-6 mb-2 mt-2">
+      <header class="mb-2 gap-6">
+        <div class="my-2 flex items-center justify-between gap-6">
           <.search_form query={@record_list_params.query} />
           <.button_group>
             <.button
@@ -46,7 +46,7 @@ defmodule MusicLibraryWeb.CollectionLive.Index do
         </div>
       </header>
 
-      <div class="flex items-end justify-between gap-6 mt-6">
+      <div class="mt-6 flex items-end justify-between gap-6">
         <.button_group>
           <.button
             patch={order_path(@record_list_params, :purchase)}