diff --git a/src/components/data/SoftwarePreview.astro b/src/components/data/SoftwarePreview.astro
index 5e6c78af..6d98fce5 100644
--- a/src/components/data/SoftwarePreview.astro
+++ b/src/components/data/SoftwarePreview.astro
@@ -24,7 +24,7 @@ const { id, name, icon, description, type, eol } = Astro.props;
     <article class="btn btn-outline btn-gray group h-full flex-col items-start justify-start rounded-md p-4 text-left">
       <div class="flex flex-row items-center gap-4">
         <div class="h-12 w-12 rounded-lg bg-gray-800 p-3">
-          <Icon name={icon} class:list={["h-full w-full", eol && "group-hover:stroke-red-400 group-hover:text-red-400"]} />
+          <Icon name={icon} class:list={["h-full w-full text-white", eol && "group-hover:stroke-red-400 group-hover:text-red-400"]} />
         </div>
         <h3 class:list={["flex flex-1 items-center gap-4 text-lg font-medium", eol && "group-hover:text-red-400"]}>
           {name}