diff --git a/src/assets/brand/waterfall-white.svg b/src/assets/brand/waterfall-white.svg
new file mode 100644
index 00000000..bfc0ac48
--- /dev/null
+++ b/src/assets/brand/waterfall-white.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white">
+    <path d="M12 20a6 6 0 0 1-6-6c0-4 6-10.75 6-10.75S18 10 18 14a6 6 0 0 1-6 6Z"/>
+</svg>
diff --git a/src/components/data/SoftwareDownload.svelte b/src/components/data/SoftwareDownload.svelte
index 9bb052f8..97ef3235 100644
--- a/src/components/data/SoftwareDownload.svelte
+++ b/src/components/data/SoftwareDownload.svelte
@@ -7,7 +7,7 @@
   import PaperIconUrl from "@/assets/brand/paper.svg?url";
   import VelocityIconUrl from "@/assets/brand/velocity.svg?url";
   import FoliaIconUrl from "@/assets/brand/folia.svg?url";
-  import WaterfallIconUrl from "@/assets/brand/waterfall.svg?url";
+  import WaterfallIconUrl from "@/assets/brand/waterfall-white.svg?url";
   import type { Snippet } from "svelte";
   import { type ProjectBuildsOrError } from "@/utils/download";
 
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}
diff --git a/src/components/layout/SoftwareHeader.astro b/src/components/layout/SoftwareHeader.astro
index c7eb4a20..414e93aa 100644
--- a/src/components/layout/SoftwareHeader.astro
+++ b/src/components/layout/SoftwareHeader.astro
@@ -25,7 +25,7 @@ const { id, name, icon, github, eol } = Astro.props;
     <div class="flex-1">
       <div class="mb-6 flex flex-row items-center gap-4">
         <div class="h-12 w-12 rounded-lg bg-gray-800 p-3">
-          {icon && <Icon name={icon} class="h-full w-full" />}
+          {icon && <Icon name={icon} class="h-full w-full text-white" />}
         </div>
         <h1 class="flex items-center gap-4 text-xl font-medium">
           {name}