diff --git a/lib/cobblemon_ui_web/live/pokemon_components.ex b/lib/cobblemon_ui_web/live/pokemon_components.ex
index ee272ca..93bb46b 100644
--- a/lib/cobblemon_ui_web/live/pokemon_components.ex
+++ b/lib/cobblemon_ui_web/live/pokemon_components.ex
@@ -390,7 +390,7 @@ defmodule CobblemonUiWeb.PokemonComponents do
     <div class="flex items-start gap-3 rounded-xl bg-base-200/40 border border-base-300/20 px-3.5 py-3 hover:bg-base-200/60 transition-colors">
       <%!-- Type icon circle --%>
       <div class={[
-        "w-11 h-11 rounded-full flex items-center justify-center shrink-0 shadow-sm mt-0.5",
+        "w-11 h-11 rounded-full flex items-center justify-center shrink-0 shadow-sm mt-0.5 text-white",
         TypeChart.type_color(@type_name)
       ]}>
         <TypeIcons.type_icon type={@type_name} class="w-6 h-6" />
@@ -442,7 +442,7 @@ defmodule CobblemonUiWeb.PokemonComponents do
     ~H"""
     <span
       class={[
-        "inline-flex items-center justify-center w-5 h-5 rounded-full shadow-sm",
+        "inline-flex items-center justify-center w-5 h-5 rounded-full shadow-sm text-white",
         TypeChart.type_color(@type_name)
       ]}
       title={@type_name}