fix: APP-494 tebu factors card grid display

[blushi]

Description

https://regennetwork.atlassian.net/browse/APP-494

---

Author Checklist

All items are required. Please add a note to the item if the item is not applicable and
please add links to any relevant follow up issues.

I have...

• provided a link to the relevant issue or specification
• provided instructions on how to test
• reviewed "Files changed" and left comments if necessary
• confirmed all CI checks have passed

How to test

Reviewers Checklist

All items are required. Please add a note if the item is not applicable and please add
your handle next to the items reviewed if you only reviewed selected items.

I have...

• confirmed all author checklist items have been addressed
• reviewed code correctness and readability
• verified React components follow DRY principles
• reviewed documentation is accurate
• reviewed tests
• manually tested (if applicable)

[netlify]

✅ Deploy Preview for terrasos ready!

Name	Link
🔨 Latest commit	977132a
🔍 Latest deploy log	https://app.netlify.com/sites/terrasos/deploys/6746d3a6fb40bd00081ffcfa
😎 Deploy Preview	https://deploy-preview-2557--terrasos.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for regen-website ready!

Name	Link
🔨 Latest commit	977132a
🔍 Latest deploy log	https://app.netlify.com/sites/regen-website/deploys/6746d3a6a94d52000814bae9
😎 Deploy Preview	https://deploy-preview-2557--regen-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[blushi]

@erikalogie @S4mmyb you can test this on https://deploy-preview-2557--terrasos.netlify.app/project/test-terrasos-project

[erikalogie]

This looks great. The only part that I think looks a bit weird is the sizing of the text for the pie graph at certain sizes (text looks quite big in screenshot below), but we have not really as a practice optimized our app across every screen size so maybe it is ok:

[blushi]

This looks great. The only part that I think looks a bit weird is the sizing of the text for the pie graph at certain sizes (text looks quite big in screenshot below), but we have not really as a practice optimized our app across every screen size so maybe it is ok:

The pie is rendered as an svg by the victory lib so I'd have to look into how to tweak this, let's rather open up a separate task

[erikalogie]

Ok great, yeah not that important, this task looks good though