diff --git a/src/components/donors/DonorDetail.svelte b/src/components/donors/DonorDetail.svelte
index 5aaa8b40..0c62fb49 100644
--- a/src/components/donors/DonorDetail.svelte
+++ b/src/components/donors/DonorDetail.svelte
@@ -200,13 +200,13 @@
           {#if d.responseType === 'DISTANCEDONATION'}
             <a
               href="../donations/{d.id}"
-              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{d.runner.firstname}
+              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-600 text-gray-50">{d.runner.firstname}
               {d.runner.middlename}
               {d.runner.lastname}</a>
           {:else}
             <a
               href="../donations/{d.id}"
-              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{$_('fixed-donation')}:
+              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-600 text-gray-50">{$_('fixed-donation')}:
               {(d.amount / 100)
                 .toFixed(2)
                 .toLocaleString('de-DE', { valute: 'EUR' })}€</a>