From c049d079176621533b998522e39c5f6535ee46d0 Mon Sep 17 00:00:00 2001
From: Julian Tabel <juliantabel.jt@gmail.com>
Date: Sun, 8 Feb 2026 12:56:42 +0100
Subject: [PATCH] Fix stretched type badges in StatusChangeModal

Add items-start to the flex-col container so badge images respect
their intrinsic width instead of stretching to fill the container.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/components/StatusChangeModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/StatusChangeModal.tsx b/frontend/src/components/StatusChangeModal.tsx
index 9e1d21b..c10da00 100644
--- a/frontend/src/components/StatusChangeModal.tsx
+++ b/frontend/src/components/StatusChangeModal.tsx
@@ -129,7 +129,7 @@ export function StatusChangeModal({
                   {displayPokemon.name}
                 </div>
               )}
-              <div className="flex flex-col gap-0.5 mt-1">
+              <div className="flex flex-col items-start gap-0.5 mt-1">
                 {displayPokemon.types.map((type) => (
                   <TypeBadge key={type} type={type} />
                 ))}