From 91d2c327de441776d071330834f18b5779f4e489 Mon Sep 17 00:00:00 2001
From: Alex Mickelson <alexmickelson96@gmail.com>
Date: Mon, 16 Mar 2026 20:29:58 -0600
Subject: [PATCH] layout

---
 lib/cobblemon_ui_web/live/dashboard_live.ex     | 2 +-
 lib/cobblemon_ui_web/live/pokemon_components.ex | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/lib/cobblemon_ui_web/live/dashboard_live.ex b/lib/cobblemon_ui_web/live/dashboard_live.ex
index aed551d..c5fe209 100644
--- a/lib/cobblemon_ui_web/live/dashboard_live.ex
+++ b/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 --%>
diff --git a/lib/cobblemon_ui_web/live/pokemon_components.ex b/lib/cobblemon_ui_web/live/pokemon_components.ex
index 9f41ba6..fee7c06 100644
--- a/lib/cobblemon_ui_web/live/pokemon_components.ex
+++ b/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">