layout

lib/cobblemon_ui_web/live/dashboard_live.ex

@@ -141,7 +141,7 @@ defmodule CobblemonUiWeb.DashboardLive do
   def render(assigns) do
     ~H"""
     <Layouts.app flash={@flash}>
-      <div class="h-screen flex flex-col -mx-4 -my-20 sm:-mx-6 lg:-mx-8">
+      <div class="h-screen flex flex-col">
         <div class="max-w-4xl w-full mx-auto px-4 sm:px-6 lg:px-8 flex flex-col flex-1 min-h-0">
 
           <%!-- Player picker --%>

lib/cobblemon_ui_web/live/pokemon_components.ex

@@ -115,8 +115,12 @@ defmodule CobblemonUiWeb.PokemonComponents do
       <%!-- Detail header --%>
       <div class="px-5 py-4 border-b border-base-300/30 flex items-center justify-between">
         <div class="flex items-center gap-3">
-          <div class="w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center">
-            <.icon name="hero-bolt" class="size-4 text-primary/70" />
+          <div class="w-16 h-16 rounded-lg bg-base-300/20 flex items-center justify-center shrink-0 overflow-hidden">
+            <img
+              src={"https://img.rankedboost.com/wp-content/plugins/k-Pokemon/assets/sprites-official/#{String.downcase(@pokemon.species || "")}.png"}
+              alt={@pokemon.species}
+              class="w-14 h-14 object-contain drop-shadow-sm"
+            />
           </div>
           <div>
             <h3 class="font-bold text-base-content capitalize text-lg flex items-center gap-2">