diff --git a/website/src/app/[lang]/[region]/(website)/transparency/finances/[currency]/section-3-cards.tsx b/website/src/app/[lang]/[region]/(website)/transparency/finances/[currency]/section-3-cards.tsx
index b215c0587..729e2af00 100644
--- a/website/src/app/[lang]/[region]/(website)/transparency/finances/[currency]/section-3-cards.tsx
+++ b/website/src/app/[lang]/[region]/(website)/transparency/finances/[currency]/section-3-cards.tsx
@@ -7,7 +7,7 @@ import { Children, PropsWithChildren, useState } from 'react';
  * We use the files from GitHub instead of the package so that donations from new countries are automatically supported.
  */
 const getFlagImageURL = (country: string) => {
-	return `https://raw.githubusercontent.com/lipis/flag-icons/a87d8b256743c9b0df05f20de2c76a7975119045/flags/4x3/${country.toLowerCase()}.svg`;
+	return `https://raw.githubusercontent.com/lipis/flag-icons/a87d8b256743c9b0df05f20de2c76a7975119045/flags/1x1/${country.toLowerCase()}.svg`;
 };
 
 type CountryCardProps = {
@@ -24,7 +24,7 @@ export function CountryCard({ country, translations }: CountryCardProps) {
 		<li>
 			<Card>
 				<CardContent className="flex min-w-0 gap-x-4 py-8">
-					<img className="h-12 w-12 flex-none" src={getFlagImageURL(country)} alt="" />
+					<img className="size-12 flex-none rounded-full" src={getFlagImageURL(country)} alt="" />
 					<div className="min-w-0 flex-auto">
 						<Typography weight="medium" size="lg">
 							{translations.country}