Improve styling of the "more" dropdown

lib/music_library_web/components/layouts/app.html.heex

@@ -40,7 +40,15 @@
         </div>
       </div>
       <div class="flex space-x-2 md:space-x-4 items-center">
-        <.dropdown label={gettext("More")}>
+        <.dropdown placement="bottom-end">
+          <:toggle>
+            <button class="flex items-center gap-x-2">
+              <div class="text-sm text-zinc-500 hover:text-zinc-700 font-semibold dark:text-zinc-300 dark:hover:text-zinc-200">
+                {gettext("More")}
+              </div>
+              <.icon name="hero-chevron-down" class="h-4 w-4" />
+            </button>
+          </:toggle>
           <.dropdown_link href={~p"/dev/dashboard"}>
             <.icon name="hero-chart-bar" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
             {gettext("Live Dashboard")}