diff --git a/frontend/src/components/PokemonCard.tsx b/frontend/src/components/PokemonCard.tsx
index cc628f6..2e0dfa3 100644
--- a/frontend/src/components/PokemonCard.tsx
+++ b/frontend/src/components/PokemonCard.tsx
@@ -46,7 +46,7 @@ export function PokemonCard({ encounter, showFaintLevel, onClick }: PokemonCardP
         </div>
       )}
 
-      <div className="flex gap-1 mt-1">
+      <div className="flex flex-col items-center gap-0.5 mt-1">
         {displayPokemon.types.map((type) => (
           <TypeBadge key={type} type={type} />
         ))}
diff --git a/frontend/src/components/StatusChangeModal.tsx b/frontend/src/components/StatusChangeModal.tsx
index 4360b6f..93f5583 100644
--- a/frontend/src/components/StatusChangeModal.tsx
+++ b/frontend/src/components/StatusChangeModal.tsx
@@ -127,7 +127,7 @@ export function StatusChangeModal({
                   {displayPokemon.name}
                 </div>
               )}
-              <div className="flex gap-1 mt-1">
+              <div className="flex flex-col gap-0.5 mt-1">
                 {displayPokemon.types.map((type) => (
                   <TypeBadge key={type} type={type} />
                 ))}