diff --git a/src/app.css b/src/app.css
index fd7b8ccc0..039f0aa00 100644
--- a/src/app.css
+++ b/src/app.css
@@ -299,7 +299,7 @@
 		--tw-prose-bold: inherit;
 		--tw-prose-links: var(--body-hyperlink-color);
 	}
-	.credit-card-svg-fill {
+	.order-creditCard-svg {
 		color: var(--order-creditCard-svg-color);
 	}
 }
diff --git a/src/routes/(app)/order/[id]/+page.svelte b/src/routes/(app)/order/[id]/+page.svelte
index bcf48bd10..efdab68fd 100644
--- a/src/routes/(app)/order/[id]/+page.svelte
+++ b/src/routes/(app)/order/[id]/+page.svelte
@@ -152,7 +152,7 @@
 												<span>{t('order.paymentLink')}</span>
 												{#if payment.processor === 'sumup'}
 													<IconSumupWide
-														class="h-12 {data.overwriteCbSvgColor ? 'credit-card-svg-fill' : ''} "
+														class="h-12 {data.overwriteCbSvgColor ? 'order-creditCard-svg' : ''} "
 													/>
 												{:else if payment.processor === 'stripe'}
 													<IconStripe class="h-12" />