From cc1c5e97b9984a4f93d7b421d2e6e5c83a2343e0 Mon Sep 17 00:00:00 2001
From: Nhan Doan <2561973+dnhn@users.noreply.github.com>
Date: Sat, 14 Dec 2024 01:14:16 +0700
Subject: [PATCH 1/2] Rounded flags

---
 .../transparency/finances/[currency]/section-3-cards.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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..472e7f29d 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 object-cover" src={getFlagImageURL(country)} alt="" />
 					<div className="min-w-0 flex-auto">
 						<Typography weight="medium" size="lg">
 							{translations.country}

From 1be6fb181e1857bf9562ed5f3a33e7f636be937e Mon Sep 17 00:00:00 2001
From: Nhan Doan <2561973+dnhn@users.noreply.github.com>
Date: Sat, 14 Dec 2024 02:33:00 +0700
Subject: [PATCH 2/2] Remove cover objet fit

---
 .../transparency/finances/[currency]/section-3-cards.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 472e7f29d..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
@@ -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="size-12 flex-none rounded-full object-cover" 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}