diff --git a/frontend/styles/components/campaigns/list/CampaignListCardStyles.ts b/frontend/styles/components/campaigns/list/CampaignListCardStyles.ts index 07bcec5d..bd1fd3bf 100644 --- a/frontend/styles/components/campaigns/list/CampaignListCardStyles.ts +++ b/frontend/styles/components/campaigns/list/CampaignListCardStyles.ts @@ -19,6 +19,7 @@ export const descriptionContainerSx: SxProps = { }; export const charityLogoSx: SxProps = { + objectFit: 'contain', width: '80%', aspectRatio: '1 / 1', }; diff --git a/frontend/styles/components/charities/CampaignCharityAccordionCardStyles.ts b/frontend/styles/components/charities/CampaignCharityAccordionCardStyles.ts index c27c4403..88f6cebc 100644 --- a/frontend/styles/components/charities/CampaignCharityAccordionCardStyles.ts +++ b/frontend/styles/components/charities/CampaignCharityAccordionCardStyles.ts @@ -20,6 +20,7 @@ export const graphSx: SxProps = { }; export const charityLogoSx: SxProps = { + objectFit: 'contain', margin: 1, maxHeight: '40px', minHeight: '40px', diff --git a/frontend/styles/components/charities/CampaignCharityCardStyles.ts b/frontend/styles/components/charities/CampaignCharityCardStyles.ts index bc0fc4db..c11205e2 100644 --- a/frontend/styles/components/charities/CampaignCharityCardStyles.ts +++ b/frontend/styles/components/charities/CampaignCharityCardStyles.ts @@ -20,6 +20,7 @@ export const graphSx: SxProps = { }; export const charityLogoSx: SxProps = { + objectFit: 'contain', margin: 1, maxHeight: '40px', minHeight: '40px', diff --git a/frontend/styles/components/redeem/ReceiptStyles.ts b/frontend/styles/components/redeem/ReceiptStyles.ts index 5cc89f2b..5b805a15 100644 --- a/frontend/styles/components/redeem/ReceiptStyles.ts +++ b/frontend/styles/components/redeem/ReceiptStyles.ts @@ -11,6 +11,7 @@ export const headerSx: SxProps = { }; export const imageSx: SxProps = { + objectFit: 'contain', padding: '10px', borderRadius: '15px', minHeight: '40px',